API tools faq
paste
Advertisement
wissex

theme exclusivo #masc

wissex
Oct 26th, 2015
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.24 KB | None | 0 0
raw download clone embed print report
  1. <!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">
  2.  
  3. <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"><meta http-equiv="x-dns-prefetch-control" content="off"/>
  4.  
  5. <!---
  6. THEME FEITO POR WISSEX, PARA USO EXCLUSIVO DO SUAURLAQUI
  7. NÃO COPIE NEM PLAGEI EU SABEREI AO CONTRARIO DE MUITOS, CONHEÇO MUITO BEM MEUS CODIGOS OK ?
  8. --->
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{image:favicon}">
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <!--- fontezinhas aqui --->
  18. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  19. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  20. <link href='https://fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type='text/css'>
  21. <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
  22.  
  23. <!-- inicio appareance -->
  24. <meta name="color:background" content="#fff" />
  25. <meta name="color:entry" content="#fff" />
  26. <meta name="color:bordas" content="#fff" />
  27. <meta name="color:side" content="#ccc" />
  28. <meta name="color:link" content="#aaa" />
  29. <meta name="color:lhover" content="#aaa" />
  30. <meta name="color:text" content="#ccc" />
  31. <meta name="color:menu hover" content="#ffc0cb" />
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:favicon" content=""/>
  34. <meta name="text:frase" content="I have some but intentions in mind"/>
  35. <meta name="text:link1" content=""/>
  36. <meta name="text:link1 name" content="inicio"/>
  37. <meta name="text:link2" content=""/>
  38. <meta name="text:link2 name" content="ask-me"/>
  39. <meta name="text:link3" content=""/>
  40. <meta name="text:link3 name" content="submit"/>
  41. <meta name="text:link4" content=""/>
  42. <meta name="text:link4 name" content="designs"/>
  43. </head>
  44.  
  45. <style>
  46.  
  47. /*--- Background ---*/
  48.  
  49. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  50.  
  51.  
  52. /*--- Link ---*/
  53. a {color: {color:link}; text-decoration: none; text-transform: none;}
  54. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  55.  
  56. /*ALINHAMENTO DOS POSTS*/
  57. #content {width:800px;
  58. margin-left:350px;
  59. margin-top:15px;
  60. }
  61.  
  62. /* seleção colorida */
  63. b, strong { color: #ccc;} /* negrito */
  64. i { color: #000; } /* italico */
  65. u, underline {border-bottom: 1px #000 solid; text-decoration: none;} /* sublinhado */
  66. s, strike { color: #000;} /* riscado */
  67. ::-moz-selection { color: #000; background: #fff;} /* selecao */
  68. ::selection { color:#000; background: #fff; } /* selecao */
  69.  
  70. /*CAIXA DOS POSTS*/
  71. .caixa { position:relative; background:transparent; width:200px; font-family: 'Cinzel', serif; border:1px solid #ccc;text-decoration:none; text-transform:Lowercase; text-align:justify; font-size:9px; color:{color:text}; margin-bottom:13px; margin-left:10px; padding:3px;}
  72. .caixa img{max-width:200px; height:auto;}
  73.  
  74. .hover {margin-left:30px; position: absolute; opacity:0; z-index: 4; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease; padding: 3px 5px 5px 5px; margin-top:-40px; max-width:200px;}
  75. .caixa:hover .hover {opacity:1;}
  76. .likee{margin-left:90px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease; margin-top:3px;}.box:hover .likee{margin-left:470px;}
  77. .reblogg{margin-left:50px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;transition: all 0.9s ease;margin-top:-22px;}
  78. .caixa:hover .reblogg{margin-left: 10px;}
  79. .nots {position: absolute; background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");height: 20px;font-size: 11px;line-height: 20px;color: #fff;margin-top: -22px;margin-left: 28px;padding-left: 4px;padding-right: 4px;border-radius: 2px; cursor:pointer;font-weight: bold;font-family: Arial, Helvetica, sans-serif}
  80.  
  81.  
  82. /* side começa aqui */
  83. .wscx{position:fixed; top:150px; left:100px; width:220px; height:120px; background:{color:side}; z-index:9999999999px; border:1px solid #eee;}
  84. .side {position:fixed;margin-left:10px;margin-top:10px;height:200px;width:100px;}
  85. .side img { height:90px;border:2px solid #ccc; width:90px; background:#fff; padding:2px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  86.  
  87. .frasesid {position:fixed; text-decoration:Lowercase; top:205px; margin-left:97px; width:100px; text-shadow:1px 1px 1px #000; height:11px; color:#fff;font-size:14px; font-family: 'Josefin Sans', sans-serif; opacity:1; transition:1s;}
  88.  
  89. .side:hover .frasesid {opacity:0.0; transition:1s;}
  90.  
  91. /* faixinhas */
  92. .w {position:fixed; margin-left:-5px; width:120px; height:120px; opacity:10.0; margin-top:-110px; border-left:3px solid {color:bordas};}
  93. .i {position:fixed; margin-left:-8px; width:215px; height:200px; opacity:10.0; margin-top:-105px; border-top:3px solid {color:bordas};}
  94. .s {position:fixed; margin-left:-8px; width:215px; height:210px; opacity:10.0; margin-top:2px; border-top:3px solid {color:bordas};}
  95. .e {position:fixed; margin-left:81px; width:120px; height:120px; opacity:10.0; margin-top:-110px; border-right:3px solid {color:bordas};}
  96.  
  97.  
  98. /* menu da side */
  99. /* um */
  100. #wsxmenu {position:fixed;width:62px;height:39px; top:165px; margin-left:110px; text-align:center;font-size:8px; text-shadow:1px 1px 1px #000; transition:.10s;opacity:0;font-family: 'Rancho', cursive;line-height:15px;border-radius: 10px 10px 10px 10px; transition:1s; }
  101. #wsxmenu a {display:inline-block; width:62px; height:13px; line-height:15px; padding:0; color:#fff; background:rgba(205,205,205,.5); text-transform:uppercase; margin-top:-200px;border:1px solid #fff; transition:1s;}
  102. #wsxmenu a:hover{color:#fff; text-shadow:1px 1px 1px #ccc; box-shadow:inset 90px 0px 0 0px {color:menu hover};transition:1s; }
  103. .side:hover #wsxmenu {opacity:10; margin-top:13px; transition:1s;}
  104.  
  105. /* dois */
  106. #wsxmenu2 {position:fixed; width:62px;height:11px; top:165px; margin-left:110px;text-align:center; text-shadow:1px 1px 1px #000; font-size:8px; transition:.1s; opacity:0;font-family: 'Josefin Sans', sans-serif; text-transform:uppercase;line-height:15px;border-radius: 10px 10px 10px 10px;transition:1s;}
  107. #wsxmenu2 a {display:inline-block; width:62px; height:13px; margin-top:-200px; line-height:15px; padding:0; color:#fff; background:rgba(205,205,205,.5); text-transform:uppercase; border:1px solid #fff; transition:1s;}
  108. #wsxmenu2 a:hover{color:#fff; text-shadow:1px 1px 1px #ccc; box-shadow:inset 90px 0px 0 0px {color:menu hover}; transition:1s;}
  109. .side:hover #wsxmenu2 {opacity:10.0; margin-top:30px; transition:1s;}
  110.  
  111. /* tres */
  112. #wsxmenu3 {position:fixed; width:62px;height:13px; top:165px; margin-left:110px; text-align:90px; font-size:8px; transition:.1s; opacity:0;font-family: 'Josefin Sans', sans-serif; text-shadow:1px 1px 1px #000; text-decoration:uppercase;line-height:15px;border-radius: 10px 10px 10px 10px; transition:1s;}
  113. #wsxmenu3 a {display:inline-block; width:62px; height:13px; margin-top:-200px; line-height:15px; padding:0; color:#fff; background:rgba(205,205,205,.5); text-transform:uppercase;border:1px solid #fff; transition:1s;}
  114. #wsxmenu3 a:hover{color:#fff;text-shadow:1px 1px 1px #ccc; box-shadow:inset 90px 0px 0 0px {color:menu hover}; transition:1s;}
  115. .side:hover #wsxmenu3 {opacity:10.0; margin-top:47px; transition:1s;}
  116.  
  117. /* quatro */
  118. #wsxmenu4 {position:fixed; width:62px;height:13px; top:165px; margin-left:110px;text-align:center; font-size:8px; transition:.1s; opacity:0;font-family: 'Josefin Sans', sans-serif; text-shadow:1px 1px 1px #000; text-transform:uppercase;line-height:15px;border-radius: 10px 10px 10px 10px; transition:1s;}
  119. #wsxmenu4 a {display:inline-block; width:62px; height:13px; margin-top:-200px; line-height:15px; padding:0; color:#fff; background:rgba(205,205,205,.5); text-transform:uppercase; border:1px solid #fff; transition:1s;}
  120. #wsxmenu4 a:hover{color:#fff;text-shadow:1px 1px 1px #ccc; box-shadow:inset 97px 0px 0 0px {color:menu hover}; transition:1s;}
  121. .side:hover #wsxmenu4 {opacity:10.0; margin-top:64px; transition:1s;}
  122. /* titulo dos textos nos posts | de texts | */
  123. .title{position:center; font-size:13px; font-family: 'Kaushan Script', cursive; text-decoration:none; text-shadow:1px 1px 1px #ccc; color:#4f4f4f;}
  124. .texts {position:left; font-size:10px; text-decoration:lowercase; font-family:calibri;color:{color:text};}
  125.  
  126. /*--- • Quote by Helpdesigns • Não remova os créditos • Não plagie • ---*/
  127. .quote:first-letter{font-family: 'Lobster', cursive; text-decoration:uppercase; font-size: 15px; color:#000;}
  128. .quote {margin: 0; padding: 5px; font-family:calibri; text-decoration:uppercase; font-size:11px;}
  129. .pquotesource {text-align: left; text-transform: none; margin-bottom: 5px;font-style:italic;}
  130. .pquotesource a, a:hover{text-transform: none;}
  131.  
  132. .notesquotes {margin-top:5px; margin-left:0px; width:200px; padding-top:2px; text-align:right; font-family:calibri; text-decoration:uppercase; color:{color:text}; font-size:9px; text-transform:uppercase; border-top:1px solid {color:text}; padding:1px; opacity:1.0; background-color:#;}
  133.  
  134.  
  135. /** ASK TOTALMENTE FEITA POR LTTLMODEL COM DETALHES DE HELPDESINGS, QUALQUER COPIA SERÁ CONSIDERADA PLÁGIO , ASK FEITA DIA 01/07/2015, COLOQUE ACIMA DE </STYLE**/
  136. .pergunta{ width:190px ; height:auto; line-height:14px; padding:0 0 2px 0; text-align:left; padding:5px; outline:1px solid #fff; outline-offset:-3px; font-size:8.2px; font-family:calibri; text-transform:uppercase; background:#eee;}
  137. .resposta{margin-top:-1px; width:195px ; height:auto; padding:1px; font-size:10.3px; text-align:left; border-bottom:1px solid #eee;padding-bottom:auto; font-size:8px; font-family:calibri; text-transform:uppercase;}
  138.  
  139.  
  140. /* Meus créditos | NÃO RETIRE MEUS CRÉDITOS DAQUI VIU ? */
  141. .wissex {position:fixed; width:75px;text-shadow:1px 1px 0 #ccc; height:13px;margin-left:12px; line-height:15px;letter-spacing:1.5px; margin-top:550px; font-size:13px; font-family: 'Josefin Sans', sans-serif; color:#eee;background:#eee;border:1px solid #ccc; transition:1s;}
  142. .wsx{position:fixed; width:85px;text-shadow:1px 1px 0 #8b8989; margin-left:-50px; margin-top:3px; font-size:9px; color:#4f4f4f; opacity:0.0; font-family:'calibri'; border-top:1px solid #ccc; transition:1s;}
  143. .wissex:hover {box-shadow:inset 75px 0 0 0 #ccc; text-shadow:2px 1px 1px #fff;color:#4f4f4f; transition:1s;}
  144. .wissex:hover .wsx {margin-left:-5px; opacity:10.0; transition:1s;}
  145. /* fim dos créditos */
  146.  
  147. </style>
  148.  
  149. </style>
  150.  
  151. <body>
  152.  
  153. <div class="wscx">
  154. <div class="side">
  155. <img src="{image:sidebar}">
  156. <div class="w"></div><div class="i"></div><div class="s"></div><div class="e"></div>
  157. <div class="frasesid">{text:frase}</div>
  158.  
  159. <div id="wsxmenu"><a href="{text:link1}"> {text:link1 name}</a></div>
  160. <div id="wsxmenu2"><a href="{text:link2}"> {text:link2 name}</a></div>
  161. <div id="wsxmenu3"><a href="{text:link3}"> {text:link3 name}</a></div>
  162. <div id="wsxmenu4"><a href="{text:link4}"> {text:link4 name}</a></div>
  163.  
  164. </div> </div> </div>
  165. <div class="wissex">
  166. <a href="http://Wissex.tumblr.com" title="feito por wissex">Exclusivo</a>
  167. <div class="wsx"> Original bitch! </div>
  168. </div>
  169.  
  170. <div id="content">
  171. {block:Posts}
  172. <div class="caixa">
  173.  
  174.  
  175. {block:Text}
  176. <div class="title">{block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}</div>
  177. <div class="texts">{body}</div></left>
  178. <div class="notesquotes">
  179. <a href="{permalink}">{NoteCount} Notes</a> -
  180. <a href="{ReblogURL}" color="#cdc9c9" target="_blank">Reblog, babe!</a>
  181. </div>
  182. {/block:Text}
  183.  
  184.  
  185.  
  186.  
  187. <!--Post: Foto-->
  188. {block:Photo}{LinkOpenTag}
  189. <div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  190. {/block:Photo}
  191.  
  192.  
  193.  
  194.  
  195.  
  196.  
  197.  
  198. <!--Post: Photoset-->
  199. {block:Photoset}
  200. <div class="imagens">{Photoset}</div>
  201.  
  202. {block:indexpage}<div class="notes">
  203. <a href="{permalink}"> {NoteCount} Notes</a> -
  204. <a href="{ReblogURL}" target="_blank">Reblog, babe!</a>
  205. </div>{/block:indexpage}
  206.  
  207. {block:PermalinkPage}
  208. {block:Caption}{Caption}{/block:Caption}
  209. {Photoset-500}
  210. {/block:PermalinkPage}
  211. {/block:Photoset}
  212.  
  213.  
  214.  
  215. <!--Post: Quote-->
  216. {block:Quote}
  217. <div class="quote"><center>{Quote}</center></div>
  218. <div class="pquotesource"></div>
  219. {/block:Quote}
  220.  
  221.  
  222.  
  223. <!--Post: Chat-->
  224. {block:Chat}
  225. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  226. <div class="chat"><ul>{block:Lines}
  227. <li class="person{UserNumber}">{block:Label}
  228. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  229. {/block:Chat}
  230.  
  231.  
  232.  
  233.  
  234. <!--Post: Link-->
  235. {block:Link}
  236. <a href="{URL}" target="{Target}"><h2>{Title}</h2></a>
  237. {block:Description}{Description}{/block:Description}
  238. {/block:Link}
  239.  
  240.  
  241.  
  242. <!--Post: Áudio-->
  243. {block:Audio}
  244. {AudioPlayer}
  245. {/block:Audio}
  246.  
  247.  
  248.  
  249. <!--Post: Video-->
  250. {block:Video}
  251. {block:Indexpage}{Video-250}{/block:IndexPage}
  252. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  253. {block:Caption}{Caption}{/block:Caption}
  254. {/block:Video}
  255.  
  256.  
  257.  
  258. <!--Post: Ask-->
  259. {block:Answer}
  260. <div class="pergunta"> <b>{Asker}:</b> {Question}</div>
  261. <div class="resposta">{Answer}</div>
  262.  
  263. {block:indexpage}
  264. <div class="notesquotes">
  265. <a href="{permalink}">{NoteCount} Notes</a> -
  266. <a href="{ReblogURL}" color="#cdc9c9" target="_blank">Reblog, babe</a>
  267. </div>
  268. {/block:indexpage}
  269.  
  270. {/block:Answer}
  271.  
  272.  
  273.  
  274. <!--Notes hover-->
  275. {block:photo}
  276. <div class=“box>
  277.  
  278. {block:IndexPage}<div class="hover"><div class="likee"><a target="_blank" href="{Permalink}"><img src="http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png"></a></div><div class="reblogg"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a><div class="nots">{NoteCount}</div></div></div>{/block:IndexPage}</div>
  279. {/block:photo}
  280.  
  281. <!------NOTES QUOTES----->
  282. {block:quote}
  283. {block:indexpage}
  284. <div class="notesquotes">
  285. <a href="{permalink}">{NoteCount} Notes</a> -
  286. <a href="{ReblogURL}" color="#cdc9c9" target="_blank">Reblog, babe</a>
  287. </div>
  288. {/block:indexpage}
  289. {/block:quote}
  290.  
  291.  
  292. </div>
  293. {/block:Posts}
  294. </div>
  295. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  296. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  297. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  298. <script type="text/javascript">
  299. $(window).load(function () {
  300. $('#content').masonry(),
  301. $('.masonryWrap').infinitescroll({
  302. navSelector : "div#navigation",
  303. nextSelector : "div#navigation a#nextPage",
  304. itemSelector : ".caixa",
  305. bufferPx : 10000,
  306. extraScrollPx: 11000,
  307. loadingImg : "",
  308. loadingText : "<i> </i>",
  309. },
  310. // call masonry as a callback.
  311. function() { $('#content').masonry({ appendedContent: $(this) }); }
  312. );
  313. });
  314. </script>
  315. {block:IndexPage}
  316. <div class="column navigation" id="navigation">
  317. {block:Pagination}
  318. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  319. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  320. </div>
  321. {/block:IndexPage}
  322. </body>
  323. </html>
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!