Advertisement
TattyRM

THEME 18

Apr 20th, 2015
274
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.83 KB | None | 0 0
  1. <!---------------------------------------------------------------------------
  2. Base do theme por Warvada. Modificado e adaptado por dressby
  3. <!---------------------------------------------------------------------------
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!-- Appearance -->
  11. <!-- imagens-->
  12. <meta name="image:sidebar" content=""/>
  13.  
  14. <!-- cores-->
  15. <meta name="color:background" content="#fff"/>
  16. <meta name="color:text" content="#222"/>
  17. <meta name="color:links" content="#222"/>
  18. <meta name="color:links hover" content="#000"/>
  19. <meta name="color:menu link" content="#222" />
  20. <meta name="color:menu hover" content="#eee"/>
  21. <meta name="color:menu link hover" content="#fff" />
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29. <!--barra de rolagem e grade do theme: nao tire -->
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  31. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  32. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39. </head>
  40.  
  41. <style type="text/css" media="screen">
  42.  
  43.  
  44.  
  45. /*definições geral (cor do fundo, fonte, tamanho, alinhamento e etc*/
  46. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:11px; text-align:left;}
  47.  
  48.  
  49. /*links (geral)*/
  50. a {color:{color:links}; text-decoration:none;}
  51. a:hover {color:{color:linkshover};}
  52.  
  53.  
  54. /*blockquote dos posts*/
  55. blockquote {margin:10px; background:#fbfbfb; border:1px solid #ddd;}
  56.  
  57.  
  58.  
  59. /*alinhamento dos posts*/
  60. #content {position:absolute; width:650px; margin-left:460px; margin-top:10px ;fixed;}
  61.  
  62.  
  63. /*caixas dos posts*/
  64. .caixa {background:{color:background}; width:250px; margin:3px;}
  65. .caixa img{max-width:250px;}.imaagem img{width:250px;}.vsanna{display:none;}
  66.  
  67.  
  68.  
  69. /*Notes por warvada. Não use sem permissão*/
  70. .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);}
  71. .notes a{color:{color:links};}
  72. .notes a:hover{color:{color:links hover};}
  73. .caixa:hover .notes {opacity:1; margin-left:0px; transition-duration:.8s; transform:rotatey(0deg);}
  74.  
  75.  
  76. /*titulo dos posts*/
  77. titulo {font-size:12px;text-align:justify;}
  78.  
  79.  
  80. /* Ask por Warvada. Não use sem permissão. */
  81. .pergunta{margin-top:0px; width:244px; height:auto; padding:2px; font-family:'tahoma'; font-size:9px; text-transform:uppercase; text-align:left; outline-offset:-2px;
  82. background:#eee;
  83. outline:1px dashed #fff;}
  84. .pergunta a{color:#ffbad1 ; text-shadow:1px 1px 0 #fff; font-weight:bold;}
  85.  
  86. .ask-meio{display:block; width:244px; height:10px; padding:1px; text-align:center; height:12px; line-height:12px; font-family:'Calibri'; font-size:7px; text-transform:uppercase;}
  87. .ask-meio .simb{display:inline-block; transform:rotate(-1deg); color:PINK;}
  88.  
  89. .resposta{margin-top:-2px; width:244px; height:auto; padding:2px; font-family:'tahoma'; font-size:9px; text-transform:uppercase; text-align:center; background:#eee; outline-offset:-2px; outline:1px dashed #fff;}
  90. /* Ask por Warvada. Não use sem permissão. */
  91.  
  92.  
  93.  
  94.  
  95. /*Sidebar (alinhamento)*/
  96. .side{position:fixed; margin-top:130px; margin-left:210px; width:170px; height:250px;}
  97.  
  98. /*imagem da sidebar*/
  99. .sideimg img{width:160px; height:190px; margin-top:0px; margin-left:0px;}
  100.  
  101. /*frase */
  102. .desc{position:fixed; margin-left:5px; margin-top:-23px; width:150px; text-align:center; font-size:10px; background:#eee; opacity:.7; transition:.80s;}
  103.  
  104. /*menu*/
  105. .menu{position:fixed; margin-top:0px; margin-left:0px; text-align:center; width:160px; text-align:center; font-size:11px; transition:.80s;}
  106. .menu a{color:{color:menu link};}
  107. .menu a:hover{background:{color:menu hover}; color:{color:menu link hover};}
  108.  
  109. /*MENU block por Reorganize-i (DESIGN--HTML) NÃO RETIRE A PORRA DOS CRÉDITOS SE NÃO VAI TER PORRADA*/
  110.  
  111. #sidenehmoni {left:190px; top:90px; position:fixed; width:190px; height:200px; }
  112. #sidenehmoni img {width:180px; height:230px; opacity:1;border:1px solid #ffbad1} /**REORGANIZE-I*/
  113.  
  114. .frasezinhamoni {width: 200px;height:15px;position:fixed; left:178px; top: 320px; text-align: center;color :#000000/*COR DA LETRA*/;font-size:12px;font-family:'segoe print';center;padding: 3px;text-transform:lowercase;background:#fff/*COR DOtext-transform:lowercase FUNDO*/;-webkit-transition: 0.6s linear;opacity:1.0;}/**REORGANIZE-I*/
  115.  
  116. #sidenehmoni:hover .frasezinhamoni {top: 345px;}
  117.  
  118.  
  119.  
  120. #menumoni {width:158px;height: 50px;margin-left:-258px; margin-top:-92px;position: fixed;opacity:0;
  121. -webkit-transition: 0.6s linear;}
  122. #menumoni a {text-align: center;float: left;font-family:segoe print'; font-size:12px;height: 16px;width:42px;padding:5px;color:#ffbad1;/*cor do link*/
  123. background-color:#fff; /*cor do bg*/margin-left:1px;border:1px solid #c1c1c1 /*cor da borda*/;-webkit-transition: 0.6s linear;;
  124. }
  125. #menumoni a:hover{color:#fff;/*cor do link hover*/background:#c1c1c1;/*cor do bg hover*/-webkit-transition: 0.6s linear;}
  126.  
  127. #sidenehmoni:hover #menumoni {margin-left:2px; margin-top:-92px;opacity:1.0;}
  128.  
  129.  
  130.  
  131. #descricmoni {position:fixed;margin-top: -200px; margin-left:-20px; width: 200px; height:12px;;font-size: 10px; font-family:tahoma; padding: 6px; text-align:center;color: #ffbad1/*cor da letra*/; background:#fff/*cor do fundo*/; opacity:0;-webkit-transition: 0.6s linear;
  132. }
  133. #sidenehmoni:hover #descricmoni {margin-left:-20px; margin-top:2px;opacity:1.0;}
  134. /*MENU block por Reorganize-i (DESIGN--HTML) NÃO RETIRE A PORRA DOS CRÉDITOS SE NÃO VAI TER PORRADA*/
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143. body {cursor: url(https://31.media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), auto }
  144.  
  145.  
  146. /*Barrinha por Warvada*/
  147. .wr7{position:fixed; top:0px; left:410px; width:9px; height:700px;}
  148. .wr7a{position:fixed; margin-top:0px; margin-left:0px; width:4px; height:700px; background:#ffdae0; /*barrinha rosa*/
  149. border-right:2px dotted #fff;} /*pontilhados branco*/
  150. .wr7b{position:fixed; margin-top:0px; margin-left:6px; width:4px; height:700px; background:#eee;} /*barrinha cinza*/
  151. /*Barrinha por Warvada*/
  152.  
  153.  
  154.  
  155.  
  156.  
  157. </style>
  158.  
  159. <body onkeydown="return false">
  160.  
  161.  
  162.  
  163.  
  164. <div id='sidenehmoni'><img src="http://36.media.tumblr.com/bf59f9c93ea97f88487f67bf145a982d/tumblr_nm1z9dOMoD1tqyin3o1_400.jpg">
  165. <div class="frasezinhamoni">Se apegue,eu presto.</div>
  166. <div id='menumoni'>
  167. <a href="/"> LINK1</a>
  168. <a href="/">LINK2</a>
  169. <a href="/">LINK3 </a>
  170. <a href="/">LINK4</a>
  171. <a href="/">LINK5</a>
  172. <a href="/">LINK6 </a></div>
  173. <div id='descricmoni'>❀ ✿ ✾ ❀ ✿ ✾ ❀ ✿ ✾ ❀ ✿ ✾ ❀ ✿ ✾ </div>
  174. </div></div>
  175. </div></div>
  176.  
  177.  
  178. <div class="wr7">
  179. <div class="wr7a"></div>
  180. <div class="wr7b"></div>
  181. </div>
  182.  
  183.  
  184. <!--inicio dos posts-->
  185. <div id="content">
  186. {block:Posts}
  187. <div class="caixa">
  188.  
  189.  
  190.  
  191.  
  192. {block:Text}
  193. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  194. {body}
  195. {/block:Text}
  196.  
  197.  
  198.  
  199. {block:Photo}
  200. {LinkOpenTag}
  201. <div class="imaagem"><img src="{PhotoURL-250}"></div>
  202. {/block:Photo}
  203.  
  204.  
  205.  
  206. {block:Photoset}
  207. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}
  208. {/block:Photoset}
  209.  
  210.  
  211.  
  212. {block:Quote}
  213. {Quote} <br>
  214. {block:Source}{Source}{/block:Source}
  215. {/block:Quote}
  216.  
  217.  
  218.  
  219. {block:Chat}
  220. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  221. {block:Lines}
  222. <div class="chat">
  223. <div class="lines">{block:Label}
  224. <span>{Label}</span>
  225. {/block:Label}
  226. {Line}</div></div>
  227. {/block:Lines}
  228. {/block:Chat}
  229.  
  230.  
  231.  
  232. {block:Link}
  233. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  234. {block:Description}{Description}{/block:Description}
  235. {/block:Link}
  236.  
  237.  
  238.  
  239. {block:Audio}
  240. {AudioPlayer}
  241. {/block:Audio}
  242.  
  243.  
  244.  
  245. {block:Video}
  246. {block:Indexpage}{Video-250}{/block:IndexPage}
  247. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  248. {block:Caption}{Caption}{/block:Caption}
  249. {/block:Video}
  250.  
  251.  
  252.  
  253. {block:Answer}
  254. <div class="pergunta"><font style="color:PINK; text-shadow:1px 1px 0 #fff; font-weight:bold;">{Asker} gemeu:</font> {Question}</div>
  255.  
  256. <div class="ask-meio"><div class="simb"><font color="PINK">❤</font></div> <div class="simb"><font color="#DDD">❤</font></div> <div class="simb"><font color="PINK">❤</font></div> <div class="simb"><font color="#DDD">❤</font></div> <div class="simb"><font color="PINK">❤</font></div> <div class="simb"><font color="#DDD">❤</font></div> <div class="simb"><font color="PINK">❤</font></div> <div class="simb"><font color="#DDD">❤</font></div> <div class="simb"><font color="PINK">❤</font></div> <div class="simb"><font color="#DDD">❤</font></div> <div class="simb"><font color="PINK">❤</font></div> <div class="simb"><font color="#DDD">❤</font></div> <div class="simb"><font color="PINK">❤</font></div> <div class="simb"><font color="#DDD">❤</font></div>
  257. </div>
  258.  
  259. <div class="resposta">{Answer}</div>
  260. {/block:Answer}
  261.  
  262.  
  263.  
  264.  
  265. <!--notes-->
  266. {block:indexpage}
  267. <div class="notes">
  268. <a href="{permalink}">{NoteCount} notes ♡ </a> .
  269. <a href="{ReblogURL}" target="_blank">Reblog ♡ </a>
  270. </div>
  271. {/block:indexpage}
  272.  
  273.  
  274.  
  275.  
  276. <!--bloqueio do via e source -->
  277. <div class="vsanna">
  278. {block:RebloggedFrom}
  279. <a href="{ReblogParentURL}">via</a>
  280. {/block:RebloggedFrom}
  281. {block:ContentSource}
  282. <a href="{SourceURL}">source</a>
  283. {/block:ContentSource}
  284. </div>
  285.  
  286.  
  287.  
  288.  
  289.  
  290. </div>
  291. {/block:Posts}
  292. </div>
  293. <!--fim dos posts-->
  294.  
  295.  
  296.  
  297. <!-- script barra de rolagem e grade (duas ou mais colunas): NÃO RETIRE!-->
  298. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  299. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  300. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  301. <script type="text/javascript">
  302. $(window).load(function () {
  303. $('#content').masonry(),
  304. $('.masonryWrap').infinitescroll({
  305. navSelector : "div#navigation",
  306. nextSelector : "div#navigation a#nextPage",
  307. itemSelector : ".caixa",
  308. bufferPx : 10000,
  309. extraScrollPx: 11000,
  310. loadingImg : "",
  311. loadingText : "<i> </i>",
  312. },
  313. // call masonry as a callback.
  314. function() { $('#content').masonry({ appendedContent: $(this) }); }
  315. );
  316. });
  317. </script>
  318.  
  319. {block:IndexPage}
  320. <div class="column navigation" id="navigation">
  321.  
  322. {block:Pagination}
  323. {block:PreviousPage}
  324. <a href="{PreviousPage}" class="navigate">
  325. {/block:PreviousPage}
  326. {block:PreviousPage}</a>
  327. {/block:PreviousPage}
  328.  
  329. {block:NextPage}
  330. <a href="{NextPage}" class="navigate" id="nextPage">
  331. {/block:NextPage}
  332. {block:NextPage}</a>{/block:NextPage}
  333. {/block:Pagination}
  334.  
  335. </div>
  336. {/block:IndexPage}
  337.  
  338.  
  339. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  340. <div style="position:fixed; bottom:60px; left:1210px;">
  341. <font color="#4682B4"><small></small></font>
  342. <a href="dressby.tumblr.com" title="Theme por Dressby + Base por Warvada">Dressby</a>
  343. <font color="#ff5191"><small>❤</small></font>
  344. </div>
  345. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  346.  
  347. </body>
  348.  
  349. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement