Advertisement
familiaboss

THEME 02 M

Apr 19th, 2015
248
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.30 KB | None | 0 0
  1. <!--------------------------------------------------------------------------
  2. BASE POR WARVADA, TOTALMENTE ADAPTADA E MOLDADA POR SARRAMADAME
  3. ---------------------------------------------------------------------------->
  4.  
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head profile="http://gmpg.org/xfn/11"><link rel="shortcut icon" href="{favicon}"> <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; 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><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <meta http-equiv="x-dns-prefetch-control" content="off"/><script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/Ebrm7rdy0/botao.js"></script>
  8.  
  9.  
  10. <!-- Appearance -->
  11.  
  12. <!-- cores-->
  13. <meta name="color:background" content="#fff"/>
  14. <meta name="color:text" content="#222"/>
  15. <meta name="color:links" content="#222"/>
  16.  
  17.  
  18. <meta name="image:sidebar" content="https://36.media.tumblr.com/7e4a75c0828ee62c2e6792d65cc393f0/tumblr_mv6xcaQ5At1slpnjwo1_540.jpg" />
  19.  
  20.  
  21. <meta name="text:frase" content="ORIGINAL GANG, MONEY NO STATUS" />
  22.  
  23. <meta name="text:Link1" content="/" />
  24. <meta name="text:Link1 T" content="HOME" />
  25. <meta name="text:Link2" content="/" />
  26. <meta name="text:Link2 T" content="SPEAK" />
  27. <meta name="text:Link3" content="/" />
  28. <meta name="text:Link4 T" content="TREASURES" />
  29. <meta name="text:Link4" content="/" />
  30. <meta name="text:Link3 T" content="LOVE" />
  31. </head>
  32.  
  33. <style type="text/css" media="screen">
  34.  
  35.  
  36.  
  37.  
  38.  
  39. /*Definições geral (cor do fundo, fonte, tamanho, links e etc)*/
  40. body {background:{color:background}; color:{color:text}; font-family:'corbel'; font-size:11px; text-align:left;}
  41.  
  42. a {color:{color:links}; text-decoration:none;}
  43. a:hover { text-decoration: line-through}
  44.  
  45. ::-webkit-scrollbar {height:3px; width:3px; background:white;}
  46. ::-webkit-scrollbar-thumb:vertical {background:#bebebe;}
  47. ::-webkit-scrollbar-thumb:horizontal {background:#bebebe;}
  48.  
  49.  
  50.  
  51.  
  52.  
  53. /*Posts (alinhamento das caixas, estilo de ask, titulo, blockquote, etc)*/
  54. #content {float:left; margin-top:20px; margin-left:350px; width:900px; padding-bottom:30px;}
  55.  
  56. .caixa {position:relative; float:left; display:inline-block; width:200px; padding:3px; margin:5px; {block:PermalinkPage}width:400px; {/block:PermalinkPage}}
  57. .caixa img{max-width:200px;}
  58. .imaagem img{width:200px;}
  59. .vsanna{display:none;}
  60.  
  61. .notes {margin-top:0px; margin-left:0px; width:200px; height:13px; line-height:13px; text-align:center; text-indent:15px; color:#000; font-size:8px; font-family:'Calibri'; text-transform:uppercase; opacity:0; transition:.8s; letter-spacing:4px;background:;}
  62. .notes a{color:black;}
  63. .notas a:hover {color:#bebebe}
  64. .notas:hover {color:#bebebe}
  65. .caixa:hover .notes {width:200px; opacity:1; letter-spacing:0; transition:.8s; ;}
  66.  
  67. .caixinha {opacity:0.0;
  68. position: absolute;
  69. z-index: 999;
  70. text-align: center;
  71. height:100%;
  72. text-transform:uppercase;
  73. top: 8%;
  74. bottom: 60%;
  75. left:74%;
  76. -webkit-transition-duration: 0.9s;
  77. }
  78. .caixa:hover .caixinha {opacity: 1.0;top:3%;}
  79.  
  80. }
  81. .caixa img:hover .caixinha {opacity: 1.0;top:3%;}
  82.  
  83.  
  84.  
  85.  
  86.  
  87. titulo {font-size:10px; text-align:justify;}
  88.  
  89. blockquote {margin:5px; padding:3px; background:#fbfbfb; border:1px solid #eee; font-family:'Consolas'; font-size:10px;}
  90.  
  91.  
  92. /* Ask por Warvada. Não use sem permissão. */
  93. .pergunta{margin-top:0px; width:194px; height:auto; padding:2px; font-family:'Calibri'; font-size:9px; text-transform:uppercase; text-align:left;background:{color:ask}; outline-offset:-2px; outline:1px dashed {color:background};color:#000;}
  94. .pergunta a{color:#000; text-shadow:1px 1px 0 {color:background}; font-weight:bold;}
  95. .resposta{margin-top:-2px; width:194px; height:auto; padding:2px; font-family:'Calibri'; font-size:9px; text-transform:uppercase; text-align:center; background:{color:ask}; outline-offset:-2px; outline:1px dashed {color:background};}
  96. /* Ask por Warvada. Não use sem permissão. */
  97.  
  98.  
  99.  
  100.  
  101.  
  102. #sidebar {position:fixed; margin-top:50px; margin-left:190px; width:250px; height:200px;z-index:9;}
  103.  
  104. #lovs {height:auto; margin-top:0px; margin-left:-5px; position:fixed;}
  105. #lovs img { width:140px; height:180px;; padding:3px;}
  106. #sidebar:hover #lovs {-webkit-filter: grayscale(40%)}
  107.  
  108. #links {margin-top:3px;position:fixed;width:140px;margin-left:-1px;z-index:9;text-align:center;}
  109. #links a {color:#000;font:9px century gothic;}
  110.  
  111. #descri {opacity:10;font-family:coRBEL;font-size:8px; color:#fff;margin-left:-2px; text-align:center; width:140px; margin-top:162px;height:11px;;background:#000;opacity:0.6;}
  112.  
  113. #sidebar:hover #descri {opacity:10;transform:rotateX(0deg);transition: all 0.8s ease-out;;}
  114.  
  115.  
  116.  
  117.  
  118. </style>
  119. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  120.  
  121. <body>
  122.  
  123.  
  124. <div id="sidebar">
  125.  
  126. <div id="lovs"><img src="{image:sidebar}"></div>
  127. <div id="descri">{text:frase}</div>
  128. <div id="links">
  129. <a href="{text:link1}">{text:link1 T}</a>
  130. <a href="{text:link2}">{text:link2 T}</a>
  131. <a href="{text:link3}">{text:link3 T}</a>
  132. <a href="{text:link4}">{text:link4 T}</a>
  133. </div></div>
  134.  
  135.  
  136.  
  137. <!--Inicio dos posts-->
  138. <div id="content">
  139. {block:Posts}
  140. <div class="caixa">
  141.  
  142.  
  143.  
  144.  
  145. {block:Text}
  146. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  147. {body}
  148. {block:indexpage}<div class="notes"><a href="{permalink}">{NoteCount} notes</a> . <a href="{ReblogURL}" target="_blank">Reblog</a></div>{/block:indexpage}
  149.  
  150. {/block:Text}
  151.  
  152.  
  153.  
  154. {block:Photo}
  155. {LinkOpenTag}
  156. <div class="imaagem"><img src="{PhotoURL-250}"></div><div class="caixinha">
  157. <a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a>
  158. <a href="{permalink}" title="permalink" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png" target="_blank"></a>
  159. </div>
  160. {/block:Photo}
  161.  
  162.  
  163.  
  164. {block:Photoset}
  165. <div class="imaagem">{Photoset-250}</div>{LinkCloseTag}<div class="caixinha">
  166. <a href="{ReblogURL}" target="_blank" title="reblog"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a>
  167. <a href="{permalink}" title="permalink" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png" target="_blank"></a>
  168. </div>
  169. {/block:Photoset}
  170.  
  171.  
  172.  
  173. {block:Quote}
  174. {Quote}<br>
  175. <center><b>{block:Source}{Source}{/block:Source}</b></center>
  176. {block:indexpage}<div class="notes"><a href="{permalink}">{NoteCount} notes</a> . <a href="{ReblogURL}" target="_blank">Reblog</a></div>{/block:indexpage}
  177.  
  178. {/block:Quote}
  179.  
  180.  
  181.  
  182. {block:Chat}
  183. {block:Title}<titulo>{Title}</titulo>{/block:Title}
  184. {block:Lines}
  185. {block:Label}<span>{Label}</span>{/block:Label}
  186. {Line}
  187. {/block:Lines}
  188. {block:indexpage}<div class="notes"><a href="{permalink}">{NoteCount} notes</a> . <a href="{ReblogURL}" target="_blank">Reblog</a></div>{/block:indexpage}
  189.  
  190. {/block:Chat}
  191.  
  192.  
  193.  
  194. {block:Link}
  195. <a href="{URL}" target="{Target}"><titulo>{Title}</titulo></a>
  196. {block:Description}{Description}{/block:Description}
  197. {block:indexpage}<div class="notes"><a href="{permalink}">{NoteCount} notes</a> . <a href="{ReblogURL}" target="_blank">Reblog</a></div>{/block:indexpage}
  198.  
  199. {/block:Link}
  200.  
  201.  
  202.  
  203. {block:Audio}
  204. {AudioPlayer}
  205. {/block:Audio}
  206.  
  207.  
  208.  
  209. {block:Video}
  210. {block:Indexpage}{Video-250}{/block:IndexPage}
  211. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  212. {block:Caption}{Caption}{/block:Caption}
  213. {/block:Video}
  214.  
  215.  
  216.  
  217. {block:Answer}
  218. <div class="pergunta"><font style="color:#000; text-shadow:1px 1px 0 #fff; font-weight:bold;">{Asker} disse:</font> {Question}</div>
  219. <p>
  220.  
  221. <div class="resposta">{Answer}</div>
  222. {block:indexpage}<div class="notes"><a href="{permalink}">{NoteCount} notes</a> . <a href="{ReblogURL}" target="_blank">Reblog</a></div>{/block:indexpage}
  223.  
  224. {/block:Answer}
  225.  
  226.  
  227.  
  228.  
  229. <!--notes-->
  230.  
  231.  
  232.  
  233. <!--bloqueio do via e source -->
  234. <div class="vsanna">
  235. {block:RebloggedFrom}
  236. <a href="{ReblogParentURL}">via</a>
  237. {/block:RebloggedFrom}
  238. {block:ContentSource}
  239. <a href="{SourceURL}">source</a>
  240. {/block:ContentSource}
  241. </div>
  242.  
  243.  
  244.  
  245.  
  246.  
  247. </div>
  248. {/block:Posts}
  249. </div>
  250. <!--fim dos posts-->
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265. <!-- script barra de rolagem e caixas do theme-->
  266. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  267. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  268. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  269. <script type="text/javascript">
  270. $(window).load(function () {
  271. $('#content').masonry(),
  272. $('.masonryWrap').infinitescroll({
  273. navSelector : "div#navigation",
  274. nextSelector : "div#navigation a#nextPage",
  275. itemSelector : ".caixa",
  276. bufferPx : 10000,
  277. extraScrollPx: 11000,
  278. loadingImg : "",
  279. loadingText : "<i> </i>",
  280. },
  281. // call masonry as a callback.
  282. function() { $('#content').masonry({ appendedContent: $(this) }); }
  283. );
  284. });
  285. </script>
  286.  
  287. {block:IndexPage}
  288. <div class="column navigation" id="navigation">
  289. {block:Pagination}
  290. {block:PreviousPage}
  291. <a href="{PreviousPage}" class="navigate">
  292. {/block:PreviousPage}
  293. {block:PreviousPage}</a>
  294. {/block:PreviousPage}
  295.  
  296. {block:NextPage}
  297. <a href="{NextPage}" class="navigate" id="nextPage">
  298. {/block:NextPage}
  299. {block:NextPage}</a>{/block:NextPage}
  300. {/block:Pagination}
  301. </div>
  302. {/block:IndexPage}
  303.  
  304.  
  305. </body>
  306. </html>
  307. <a href="http://vitrineboss.tumblr.com" STYLE="color:#4f4f4f; bottom:50px;left:43px;font-size:11px;z-index:4;position:fixed;font-family:'Consolas';font-size:10px;-webkit-transition: all 0.4s ease-out; "> THEME</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement