API tools faq
paste
Advertisement
wissex

Theme 11 #wissex

wissex
Oct 14th, 2015
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.78 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, NÃO COPIE NEM PLAGEI EU SABEREI
  7. 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.  
  22. <!-- inicio appareance -->
  23. <meta name="color:background" content="#fff" />
  24. <meta name="color:entry" content="#fff" />
  25. <meta name="color:link" content="#aaa" />
  26. <meta name="color:lhover" content="#aaa" />
  27. <meta name="color:text" content="#aaa" />
  28. <meta name="color:menu hover" content="#ffc0cb" />
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:favicon" content=""/>
  31. <meta name="text:frase" content="I need you"/>
  32. <meta name="text:link1" content=""/>
  33. <meta name="text:link1 name" content="Start Home"/>
  34. <meta name="text:link2" content=""/>
  35. <meta name="text:link2 name" content="Message-me"/>
  36. <meta name="text:link3" content=""/>
  37. <meta name="text:link3 name" content="Little secrets"/>
  38. <meta name="text:link4" content=""/>
  39. <meta name="text:link4 name" content="My designs for you"/>
  40. </head>
  41.  
  42. <style>
  43.  
  44. /*--- Background ---*/
  45.  
  46. 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; }
  47.  
  48.  
  49. /*--- Link ---*/
  50. a {color: {color:link}; text-decoration: none; text-transform: none;}
  51. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  52.  
  53. /*ALINHAMENTO DOS POSTS*/
  54. #content {width:800px;
  55. margin-left:350px;
  56. margin-top:15px;
  57. }
  58.  
  59. /* seleção colorida */
  60. b, strong { color: #ffc0cb;} /* negrito */
  61. i { color: #000; } /* italico */
  62. u, underline {border-bottom: 1px #db7093 solid; text-decoration: none;} /* sublinhado */
  63. s, strike { color: #db7390;} /* riscado */
  64. ::-moz-selection { color: #ffc0cb; background: #fff;} /* selecao */
  65. ::selection { color:#ffc0cb; background: #fff; } /* selecao */
  66.  
  67. /*CAIXA DOS POSTS*/
  68. .caixa { position:relative; background:; width:200px; font-family: 'Cinzel', serif; text-decoration:none; text-transform:Lowercase; text-align:justify; font-size:9px; color:{color:text}; margin-bottom:13px; margin-left:10px; padding:3px;}
  69. .caixa img{max-width:200px; height:auto; outline: 1px solid white; outline-offset: -3px;}
  70.  
  71. /*NOTES HOVER SIMPLES: Modifique somente onde pede*/
  72. .notes {position:right;margin-top:-15px; margin-left:50px; width:170px; padding-top:5px; font-family:calibri; text-decoration:none; opacity:0; background-color:transparent; font-size:9px;}
  73. .caixa:hover .notes {opacity:1; color:{color:text}; -webkit-transform: translatey(14px);-moz-transform: translatey(14px);transform: translatey(14px);transition:1s;}
  74.  
  75.  
  76. /* side começa aqui */
  77. .wscx{position:fixed; top:0px; left:110px; width:180px; height:900px; background-image:url(http://static.tumblr.com/emwtqwy/XzQnw58km/tumblr_ly5nqgkuhz1r16se4.png); z-index:99999; border:1px solid #ccc;}
  78. .side {position:fixed;margin-left:20px;margin-top:295px;height:200px;width:100px;}
  79. .side img {margin-top:-200px;height:190px;border:2px solid #ccc; width:140px; background:#fff; padding:2px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;}
  80.  
  81. .frasesid {position:fixed; text-decoration:Lowercase; top:275px;margin-left:-30px; width:150px; height:15px; color:#fff;font-size:29px; font-family: 'Josefin Sans', sans-serif; opacity:1; transition:1s;}
  82. .side:hover .frasesid {top:310px; color:#ccc; transition:1s;}
  83.  
  84. /* faixinhas */
  85. .w {position:fixed; margin-left:8px; width:50px; height:50px; opacity:10.0; margin-top:-188px; border-left:1px dashed white;}
  86. .i {position:fixed; margin-left:8px; width:50px; height:50px; opacity:10.0; margin-top:-190px; border-top:1px dashed white;}
  87. .s {position:fixed; margin-left:90px; width:50px; height:50px; opacity:10.0; margin-top:-11px; border-top:1px dashed white;}
  88. .e {position:fixed; margin-left:88px; width:50px; height:50px; opacity:10.0; margin-top:-61px; border-right:1px dashed white;}
  89.  
  90.  
  91. /* menu da side */
  92. /* um */
  93. #wsxmenu {position:fixed;width:70px;height:39px; top:220px; margin-left:10px; text-align:center;font-size:8px; transition:.10s;opacity:0;font-family: 'Rancho', cursive;line-height:15px;border-radius: 10px 10px 10px 10px; transition:1s; }
  94. #wsxmenu a {display:inline-block; width:70px; 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;}
  95. #wsxmenu a:hover{color:#fff; text-shadow:1px 1px 1px #ccc; box-shadow:inset 90px 0px 0 0px {color:menu hover};transition:1s; }
  96. .side:hover #wsxmenu {opacity:10; margin-top:10px; transition:1s;}
  97.  
  98. /* dois */
  99. #wsxmenu2 {position:fixed; width:82px;height:13px; top:220px; margin-left:10px;text-align:center; font-size:8px; transition:.1s; opacity:0;font-family: 'Rancho', cursive; text-transform:uppercase;line-height:15px;border-radius: 10px 10px 10px 10px;transition:1s;}
  100. #wsxmenu2 a {display:inline-block; width:82px; 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;}
  101. #wsxmenu2 a:hover{color:#fff; text-shadow:1px 1px 1px #ccc; box-shadow:inset 90px 0px 0 0px {color:menu hover}; transition:1s;}
  102. .side:hover #wsxmenu2 {opacity:10.0; margin-top:27px; transition:1s;}
  103. .w-flor {position:fixed; width:20px; height:auto; text-shadow:1px 1px 2px #fff; top:320px; left:200px; opacity:0.0; transition:1s;}
  104.  
  105. .side:hover .w-flor {left:239px;opacity:10.0;transition:1s;}
  106.  
  107. /* tres */
  108. #wsxmenu3 {position:fixed; width:87px;height:13px; top:220px; margin-left:10px; text-align:90px; font-size:8px; transition:.1s; opacity:0;font-family: 'Rancho', cursive; text-decoration:uppercase;line-height:15px;border-radius: 10px 10px 10px 10px; transition:1s;}
  109. #wsxmenu3 a {display:inline-block; width:87px; 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;}
  110. #wsxmenu3 a:hover{color:#fff;text-shadow:1px 1px 1px #ccc; box-shadow:inset 90px 0px 0 0px {color:menu hover}; transition:1s;}
  111. .side:hover #wsxmenu3 {opacity:10.0; margin-top:44px; transition:1s;}
  112.  
  113. /* quatro */
  114. #wsxmenu4 {position:fixed; width:94px;height:13px; top:220px; margin-left:10px;text-align:center; font-size:8px; transition:.1s; opacity:0;font-family: 'Rancho', cursive; text-transform:uppercase;line-height:15px;border-radius: 10px 10px 10px 10px; transition:1s;}
  115. #wsxmenu4 a {display:inline-block; width:94px; 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;}
  116. #wsxmenu4 a:hover{color:#fff;text-shadow:1px 1px 1px #ccc; box-shadow:inset 97px 0px 0 0px {color:menu hover}; transition:1s;}
  117. .side:hover #wsxmenu4 {opacity:10.0; margin-top:61px; transition:1s;}
  118.  
  119.  
  120. /* titulo dos textos nos posts | de texts | */
  121. .title{position:center; font-size:13px; font-family: 'Kaushan Script', cursive; text-decoration:none; color:#ffc0cb;}
  122. .texts {position:left; font-size:10px; text-decoration:lowercase; font-family:calibri;color:{color:text};}
  123.  
  124. /*--- • Quote by Helpdesigns • Não remova os créditos • Não plagie • ---*/
  125. .quote:first-letter{font-family: 'Lobster', cursive; text-decoration:uppercase; font-size: 15px; color:#000;}
  126. .quote {margin: 0; padding: 5px; font-family:calibri; text-decoration:uppercase; font-size:11px;}
  127. .pquotesource {text-align: left; text-transform: none; margin-bottom: 5px;font-style:italic;}
  128. .pquotesource a, a:hover{text-transform: none;}
  129.  
  130. .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 #868686; opacity:1.0; background-color:#;}
  131.  
  132.  
  133. /* Ask por Warvada. Não retire os créditos. */
  134. .pergunta{margin-top:-7px; width:195px; height:auto; padding:2px; font-family:calibri;text-decoration:Lowercase; background:#fff; font-size:10px; text-align:left; text-transform:lowercase;
  135. border-top:3px double #ddd;
  136. border-bottom:3px double #ddd; background:transparent;}
  137. .pergunta a{font-weight:normal;color:{color:link};}
  138.  
  139. .simb1{display:inline-block; font-size:9px; font-family: 'Cinzel', serif;
  140. color:#aaa;}
  141. .simb2{display:inline-block; font-size:10px; font-family: 'Cinzel', serif;
  142. color:pink;}
  143. .simb3{display:inline-block; font-size:9px; font-family: 'Cinzel', serif;
  144. color:#aaa;}
  145.  
  146.  
  147. .resposta{margin-top:-2px; width:195px; height:auto; position:left; font-family:calibri; padding:2px; background:transparent;text-decoration:uppercase; font-size:10px;}
  148. /* Ask por Warvada. Não retire os créditos. */
  149.  
  150.  
  151. /* Meus créditos | NÃO RETIRE MEUS CRÉDITOS DAQUI VIU ? */
  152. .wissex {position:fixed; width:65px;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;}
  153. .wsx{position:fixed; width:75px;text-shadow:1px 1px 0 #8b8989; margin-left:-50px; margin-top:3px; font-size:9px; color:#ccc; opacity:0.0; font-family:'calibri'; border-top:1px solid #ccc; transition:1s;}
  154. .wissex:hover {box-shadow:inset 65px 0 0 0 pink;text-shadow:2px 1px 1px #fff; transition:1s;}
  155. .wissex:hover .wsx {margin-left:-5px; opacity:10.0; transition:1s;}
  156. /* fim dos créditos */
  157.  
  158. </style>
  159.  
  160. </style>
  161.  
  162. <body>
  163.  
  164. <div class="wscx">
  165. <div class="side">
  166. <img src="{image:sidebar}">
  167. <div class="w"></div><div class="i"></div><div class="s"></div><div class="e"></div>
  168. <div class="frasesid">{text:frase}</div>
  169. <div class="w-flor">
  170. <font color="#ccc">✿</font><font color="pink">✿</font><font color="#ccc">✿</font>
  171. </div>
  172.  
  173. <div id="wsxmenu"><a href="{text:link1}"> {text:link1 name}</a></div>
  174. <div id="wsxmenu2"><a href="{text:link2}"> {text:link2 name}</a></div>
  175. <div id="wsxmenu3"><a href="{text:link3}"> {text:link3 name}</a></div>
  176. <div id="wsxmenu4"><a href="{text:link4}"> {text:link4 name}</a></div>
  177.  
  178. </div></div></div></div>
  179.  
  180. <div class="wissex">
  181. <a href="http://Wissex.tumblr.com" title="feito por wissex">Wissex</a>
  182. <div class="wsx"> Original bitch! </div>
  183. </div>
  184.  
  185. <div id="content">
  186. {block:Posts}
  187. <div class="caixa">
  188.  
  189.  
  190. {block:Text}
  191. <div class="title">{block:Title}<titulo><center>{Title}</center></titulo>{/block:Title}</div>
  192. <div class="texts">{body}</div></left>
  193. <div class="notesquotes">
  194. <a href="{permalink}">{NoteCount} Notes</a> -
  195. {TimeAgo} -
  196. <a href="{ReblogURL}" color="#cdc9c9" target="_blank">Reblog</a>
  197. </div>
  198. {/block:Text}
  199.  
  200.  
  201.  
  202.  
  203. <!--Post: Foto-->
  204. {block:Photo}{LinkOpenTag}
  205. <div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  206. {/block:Photo}
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214. <!--Post: Photoset-->
  215. {block:Photoset}
  216. <div class="imagens">{Photoset}</div>
  217.  
  218. {block:indexpage}<div class="notes">
  219. <a href="{permalink}"> • {NoteCount} notes</a> •
  220. <a href="{ReblogURL}" target="_blank">Reblog, babe!</a> •
  221. </div>{/block:indexpage}
  222.  
  223. {block:PermalinkPage}
  224. {block:Caption}{Caption}{/block:Caption}
  225. {Photoset-500}
  226. {/block:PermalinkPage}
  227. {/block:Photoset}
  228.  
  229.  
  230.  
  231. <!--Post: Quote-->
  232. {block:Quote}
  233. <div class="quote"><center>{Quote}</center></div>
  234. <div class="pquotesource"></div>
  235. {/block:Quote}
  236.  
  237.  
  238.  
  239. <!--Post: Chat-->
  240. {block:Chat}
  241. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  242. <div class="chat"><ul>{block:Lines}
  243. <li class="person{UserNumber}">{block:Label}
  244. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  245. {/block:Chat}
  246.  
  247.  
  248.  
  249.  
  250. <!--Post: Link-->
  251. {block:Link}
  252. <a href="{URL}" target="{Target}"><h2>{Title}</h2></a>
  253. {block:Description}{Description}{/block:Description}
  254. {/block:Link}
  255.  
  256.  
  257.  
  258. <!--Post: Áudio-->
  259. {block:Audio}
  260. {AudioPlayer}
  261. {/block:Audio}
  262.  
  263.  
  264.  
  265. <!--Post: Video-->
  266. {block:Video}
  267. {block:Indexpage}{Video-250}{/block:IndexPage}
  268. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  269. {block:Caption}{Caption}{/block:Caption}
  270. {/block:Video}
  271.  
  272.  
  273.  
  274. <!--Post: Ask-->
  275. {block:Answer}
  276. <center>
  277. <div class="simb1">●</div>
  278. <div class="simb2">●</div>
  279. <div class="simb3">●</div>
  280. </center>
  281.  
  282. <div class="pergunta">{Asker}: {Question}</div>
  283.  
  284. <div class="resposta">{Answer}</div>
  285.  
  286. <div class="notesquotes">
  287. <a href="{permalink}"> • {NoteCount} Notes</a> •
  288. <a href="{ReblogURL}" color="#cdc9c9" target="_blank">Reblog, babe</a> •
  289. </div>
  290.  
  291. {/block:Answer}
  292.  
  293.  
  294.  
  295. <!--Notes hover-->
  296. {block:photo}
  297. {block:indexpage}
  298. <div class="notes">
  299. <a href="{permalink}"> • {NoteCount} Notes</a> •
  300. <a href="{ReblogURL}" color="#cdc9c9" target="_blank">Reblog, babe</a> •
  301. </div>
  302. {/block:indexpage}
  303. {/block:photo}
  304.  
  305. <!------NOTES QUOTES----->
  306. {block:quote}
  307. {block:indexpage}
  308. <div class="notesquotes">
  309. <a href="{permalink}"> • {NoteCount} Notes</a> •
  310. <a href="{ReblogURL}" color="#cdc9c9" target="_blank">Reblog, babe</a> •
  311. </div>
  312. {/block:indexpage}
  313. {/block:quote}
  314.  
  315.  
  316. </div>
  317. {/block:Posts}
  318. </div>
  319. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  320. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  321. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  322. <script type="text/javascript">
  323. $(window).load(function () {
  324. $('#content').masonry(),
  325. $('.masonryWrap').infinitescroll({
  326. navSelector : "div#navigation",
  327. nextSelector : "div#navigation a#nextPage",
  328. itemSelector : ".caixa",
  329. bufferPx : 10000,
  330. extraScrollPx: 11000,
  331. loadingImg : "",
  332. loadingText : "<i> </i>",
  333. },
  334. // call masonry as a callback.
  335. function() { $('#content').masonry({ appendedContent: $(this) }); }
  336. );
  337. });
  338. </script>
  339. {block:IndexPage}
  340. <div class="column navigation" id="navigation">
  341. {block:Pagination}
  342. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  343. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  344. </div>
  345. {/block:IndexPage}
  346. </body>
  347. </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!