API tools faq
paste
Advertisement
Lolovers

Theme peepshow

Lolovers
Dec 5th, 2013
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5.  
  6.  
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="{favicon}">
  9.  
  10.  
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'>
  14.  
  15. <script type="text/javascript">
  16. function changeNavigation(id) {document.getElementById('post').innerHTML=document.getElementById(id).innerHTML}
  17. </script>
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24. <style type="text/css">
  25.  
  26.  
  27.  
  28. /*** fundo ***/
  29. body {background: #fffbe0 url('http://media.tumblr.com/d58efa7f76043af787c095f32a7d0f44/tumblr_inline_mxcd322V7m1rwneo8.png');}
  30.  
  31.  
  32. /*** Centralização do theme - Não mecha~***/
  33.  
  34. #pagina {background-image: url('');width: 800px; margin-left: auto;margin-right: auto;}
  35.  
  36. #header {background: url('') no-repeat top center; width:800px;height: 111px; margin-top: 00px;z-index:1000; margin-left:0px; margin-right:0px;}
  37.  
  38. #footer {background:url('') no-repeat; width: 893px; height: 0px; clear: both; padding-bottom: 0px; z-index:500;margin-left:0px; margin-right:0px;background-repeat: no-repeat;}
  39.  
  40. #sidebar { width: 260px; text-align: justify; padding: 5px; float: left; margin-top: -120px; margin-left: 15px; color: #5C4666; border-right:0px dotted #c4c4c4;position:fixed;}
  41.  
  42. #conteudo { width: 520px; font-family: bold;text-align: justify; margin-left:0px; margin-right:-10px; float: right; margin-top:-105px;z-index:500;}
  43.  
  44.  
  45. /*** Formatação do negrito, italico e etc... Links e seleção colorida***/
  46.  
  47. b, strong { color: #b1656f; TEXT-DECORATION: none; border-bottom: 1px dashed #none; }
  48. u {color: #999; TEXT-DECORATION: none; border-bottom: 1px solid #ffe7b5;}
  49. s, strike {color: #ffe7b5;}
  50. i {color: #eeaa66; TEXT-DECORATION: none;}
  51.  
  52.  
  53. a:link, a:active, a:visited {
  54. color: #999;
  55. text-decoration: none;
  56. cursor: auto;
  57. }
  58.  
  59. a:hover { color: #f95073;
  60. text-decoration: none;
  61. cursor: auto;}
  62.  
  63.  
  64. ::-moz-selection {background: #000; color: #fff;}
  65. ::selection {background: #000; color:#fff;}
  66.  
  67.  
  68.  
  69.  
  70. /*** Formatação de texto***/
  71.  
  72. .h1 { font-weight:normal; line-height:20px; margin:-3px 1px 6px 1px; color: #777; text-shadow: 0px 0px 0px #FFFFFF;text-align: center; padding:5px;font-size:25px; font-family: 'Grinched', cursive; border-bottom:1px solid #eee;}
  73.  
  74.  
  75. .h7{background: #f5f5f5; font-family:'Spirax', cursive; font-size: 20px;padding-left:5px; border-radius:2px; margin-bottom:10px;color:#f7d3a6;padding:5px;}
  76.  
  77.  
  78.  
  79. /*** Estilos da caixas dos post e sidebar ***/
  80.  
  81. .post{margin-bottom:10px;background: rgba(0,0,0,0.02);padding: 0px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.12), 0 1px 1px rgba(255,255,255,0.25); text-align: just;cursor:pointer;padding:5px;}
  82.  
  83. .box {overflow:hidden;background: #fff; letter-spacing: 0px; text-align: justify; color: #666; font: normal 10px verdana;background-color: #fff; line-height:12px; padding:6px; margin: 2px 2px 2px 2px; outline-offset: -3px;box-shadow: 1px 1px 1px #d3e9d9;}
  84.  
  85. .caixinha1 {width:500px;overflow:hidden;background: #fff; letter-spacing: 0px; text-align: justify; color: #666; font: normal 10px verdana;background-color: #fff; line-height:12px; padding:6px; margin: 2px 2px 2px 2px; outline-offset: -3px;box-shadow: 1px 1px 1px #d3e9d9;}
  86.  
  87. .sisi {overflow:hidden;background: #fff; letter-spacing: 0px; text-align: justify; color: #666; font: normal 10px verdana;background-color: #fff; line-height:12px; padding:6px; margin: 2px 2px 2px 2px; outline-offset: -3px;box-shadow: 1px 1px 1px #d3e9d9;}
  88.  
  89. #caixinhanotes {background: #d4e361; font-size:10px; width: 55px; font-family: bold; color: #fff; position: absolute; padding: 5px; margin-left: 525px;text-align:center; box-shadow: 1px 1px 1px #d3e9d9;}
  90.  
  91. /*** Notes enfeitados por things-to-help-you ******/
  92. ol.notes { display : block;border-left : 1px solid #fae2e8;bakground-repeat : no-repeat;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #1f1f1f; list-style-type: none; font-size: 10px;}
  93. ol.notes li.note {border-top: solid 1px #fff; padding: 4px;}
  94. ol.notes li.note img.avatar {display: none;}
  95. ol.notes li.note span.action {font-weight: none;}
  96. ol.notes li.note .answer_content {font-weight: normal;}
  97. ol.notes li.note blockquote {display: none;}
  98. ol.notes li.note blockquote a {text-decoration: none;}
  99. ful { list-style: none; }
  100. ol { list-style-position: inside; }
  101. * { margin: 0; padding: 0; outline: none; }
  102. .caixa {overflow: hidden;background: #000; padding: 7px;
  103. font-family: Verdana, Geneva, sans-serif;
  104. color: #ff81b9;text-align: justify;outline: 0px solid #; margin-bottom: 0px;}
  105. .extra {border-left: 4px solid #ff81b9; display : block;border-bottom : 0px solid #fff;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #f5f5f5; line-height: 18px;}
  106. .extrass {border-left: 4px solid #ff81b9; display : block;border-bottom : 1px solid #ff81b9;background-repeat : no-repeat;text-indent : 5px;vertical-align : middle;text-decoration : none;margin-bottom : 1px;background: #f5f5f5; line-height: 18px;}
  107. .extra a {padding-right: 6px; color: #80acb9; border-right: dotted 1px #e7daee; text-shadow: 1px 1px 1px #;}
  108.  
  109. .wishlist {background: #f5f5f5; colocar:#999; font-size:11px; font-family:arial; padding:5px;margin-bottom:2px;}
  110.  
  111.  
  112. pre {background: #f5f5f5; font: 12px arial; color: #777 width: auto; height:auto; overflow:auto; padding:5px; }
  113.  
  114.  
  115. /*** tamanho, borda, opacidade em imagens **/
  116.  
  117. .border1 {border-radius:100px; margin-left:-20px;margin-bottom:10px;}
  118.  
  119.  
  120. .fofo {margin-top: 10px;float:left;margin-left: -20px;position:fixed;}
  121.  
  122. .ponta2 {margin-top:0px; float:left; margin-right:0px;}
  123.  
  124.  
  125. /*** tamanho dos vídeos e photoset***/
  126.  
  127. .video {width:490px;}
  128. .photoset {width:490px;}
  129.  
  130. /*** blockquote e tabelinhas ***/
  131.  
  132.  
  133. blockquote {background: #f3f3f3; margin: 0 5px; text-align: justify; line-height:150%; padding-left:5px; padding-right:2px; padding-top:0; padding-bottom:0;border: 2px dashed #e0eff2;margin-top:10px;margin-bottom:10px;}
  134.  
  135. .blockquote {background: #f3f3f3; margin: 0 5px; text-align: justify; line-height:150%; padding-left:5px; padding-right:2px; padding-top:0; padding-bottom:0;border: 2px dashed #e0eff2;margin-top:10px;margin-bottom:10px;}
  136.  
  137.  
  138.  
  139. /*** Estilo de ask ***/
  140.  
  141. .pergunta {background: #f5f5f5;font-family: 'Open Sans', sans-serif; font-size:11px; color: #999;text-shadow: 0px 0px 0px #eee;padding:10px;text-align: justify;margin-left: auto;margin-right: auto;border-top-left-radius: 5px;
  142. border-top-right-radius: 5px;}
  143.  
  144. .perguntou {background: #e7e7e7; color:#999;font-family: 'Open Sans', sans-serif; font-size:11px; color: #fff;text-shadow: 0px 0px 0px #eee;padding:3px;text-align: justify;margin-left: auto;margin-right: auto;margin-bottom:10px;border-bottom-left-radius: 5px;
  145. border-bottom-right-radius: 5px;}
  146.  
  147. .perguntou a {color: #b4b4b4;}
  148.  
  149. .pergunta p {margin:1px 0px;}
  150.  
  151. .fotos {float:left; border-radius:20px;margin-top:-7px;margin-right:5px;}
  152.  
  153. .xx {float:right;width:15px; height:15px;}
  154.  
  155. .resposta {background: #f5f5f5;font-family: 'Open Sans', sans-serif; font-size:12px; color: #8eb3a2;text-shadow: 0px 0px 0px #eee;padding:10px;text-align: justify;margin-left: auto;margin-right: auto;border-radius:5px;}
  156.  
  157.  
  158. /* Chat por Anna (livelikeasuicide) *********/
  159. .chat {background: #fff; margin: 0; font-size:
  160. 10px; font-family: Fonte;}
  161. .chat .chat1 {margin-left: 0px;}
  162. .chat .chat1 .chat2 {background: #e4f0f4; color: #999;
  163. margin-bottom: 1px; padding: 4px 4px 4px 4px;} /* Primeira linha */
  164. .chat .chat1 .chat2.even {background: #fff;
  165. color: #999;} /* Segunda linha */
  166. .chat .chat1 .chat2 span{font-weight: bold;}
  167.  
  168. /*** Quote estilo por: things-to-help-you***********/
  169. .quote {font-family: 'Play', sans-serif; font-size: 15px; text-align:justy; padding: 4px; color: #999; }
  170. .quotem {overflow: hidden; padding: 5px; background: #f5f5f5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
  171. .bottomq {background: url('') no-repeat; width: 69px; height: 19px; margin-left: 30px; margin-bottom: 10px;}
  172. .ci {color: #999; display: inline-block;background: #eee; padding: 3px; margin-left: 20px; margin-top: -14px; margin-bottom: 10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 2px;}
  173. .ci a {color: #fff;}
  174. .ci a:hover {color: #fff;}
  175.  
  176.  
  177. /*** Block de audio - TTHY **/
  178. .trackid {font-family: 'Pontano Sans', sans-serif; font-size: 9pt; margin-left: 98px;padding: 8px; margin-top: 1px; margin-bottom: 2px; background:#f3f3f3;margin-right: 0px; text-shadow: 0px 1px 1px #;}
  179. .trackid c {color: #777;text-transform:uppercase; font-size: 8pt;}
  180. .trackid2 {margin-top: 1px; background:#f3f3f3; display: block; height:27px;overflow:hidden; padding:1px;}
  181. .album {opacity: 0.7;margin-top: 0px; float: left; display: inline-block;}
  182. .boxmusica {background:#f3f3f3;}
  183. .clear {margin-top:1px;}
  184.  
  185.  
  186. /*** Permalink***/
  187. .peperma {margin-left:-10px;margin-top:-2px;}
  188.  
  189. /*** Paginação***/
  190.  
  191. #paginacao {font-size: 25px; font-family:arial; line-height: 21px; color: #777;}
  192.  
  193. #paginacao a {background: #fff; margin: 0 1px 0 0; padding: 6px 6px; color: #777; text-decoration: none;border-radius:0px;margin-left:2px;}
  194.  
  195. #paginacao a:hover {background: #fff; border: none;border-radius:0px;}
  196.  
  197. #paginacao span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 6px 6px; color: #777; text-decoration: none;border-radius:0px;}
  198.  
  199. #paginacao span.info {background: #fff; margin: 0 1px 0 0; padding: 6px 6px; color: #777; text-decoration: none;border-radius:0px;margin-right:5px;}
  200.  
  201.  
  202. .flores {position:fixed; margin-left:-11px;bottom:0px;}
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209. .menu a{background:#fff; font-family:'Grinched', cursive;;font-size:15px;padding:5px;box-shadow: 1px 1px 1px #d3e9d9;margin-bottom:100px;-webkit-transition-duration: .99s; -moz-transition-duration: .99s;display: inline-block;margin:2px;}
  210.  
  211. .menu a:hover{color#f95073;}
  212.  
  213. .coracao {float:right;color:#ff578e;}
  214.  
  215.  
  216. </style>
  217.  
  218.  
  219.  
  220.  
  221. <body>
  222.  
  223.  
  224.  
  225. <div id="pagina">
  226. <div id="header"></div>
  227. <div class="flores"><img src="http://static.tumblr.com/eun3dfg/HOwmxcd3v/fottoo.png" width="291px"></div>
  228.  
  229.  
  230.  
  231. <div id="sidebar">
  232.  
  233. <div class="classcaixatransparent">
  234. <div class="sisi">
  235.  
  236. {block:Description}{Description}{/block:Description}
  237.  
  238.  
  239.  
  240.  
  241.  
  242. </div><br>
  243. <div class="menu">
  244. <center><a href="/">Home</a>
  245. <a href="/ask">Perguntas</a>
  246. <a href="/submit">Submit</a>
  247. <a href="TAG_AQUI">Texts</a>
  248. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('post').innerHTML=document.getElementById('tumblr').innerHTML" title="créditos">♥</a></center>
  249. </div>
  250. </div>
  251. </div>
  252.  
  253.  
  254.  
  255. <div id="conteudo">
  256.  
  257.  
  258.  
  259.  
  260. <div id="post">
  261.  
  262. {block:Posts}
  263. <div id="caixinhanotes"> {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} • <a href="{ReblogURL}" target="_blank">Reblog ♥</a>
  264. </div>
  265.  
  266.  
  267.  
  268. {block:Regular}<div class="post"><div class="box">
  269.  
  270.  
  271.  
  272. {block:Title}<div class="h1"><p>{Title}</div>{/block:Title}
  273. <div class="entry">{Body}</div>
  274.  
  275.  
  276. </div></div>
  277.  
  278.  
  279. {/block:Regular}
  280.  
  281.  
  282.  
  283. {block:Photo}
  284. <div class="post"><div class="box">
  285.  
  286.  
  287.  
  288. <center>{LinkOpenTag}<div class="opacidade"><img src="{PhotoURL-500}" class="border3" alt="{PhotoAlt}" width=490px/></div>{LinkCloseTag}</center>
  289. {block:Caption}
  290. <br>
  291. <div class="caption">{Caption}</div>
  292. {/block:Caption}
  293.  
  294.  
  295. </div></div>
  296.  
  297. {/block:Photo}
  298.  
  299.  
  300.  
  301.  
  302. {block:Answer}
  303. <div class="post"><div class="box">
  304. <div class="pergunta">{Question}</div>
  305. <div class="perguntou"><img src="{AskerPortraitURL-30}" class="fotos">Pergunta feita por: {Asker} <div class="xx"><img src="http://media.tumblr.com/a6d07429add5ed1595b2f7190142bdc0/tumblr_inline_mjx7nkRGyk1qz4rgp.png"></div></div>
  306. <div class="resposta">{Answer}</div>
  307.  
  308.  
  309.  
  310. </div></div>
  311.  
  312. {/block:Answer}
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319. {block:Quote}
  320. <div class="post"><div class="box">
  321. <div class="quotem">
  322. <div class="quote">{Quote}</div>
  323. </div>
  324. <div class="bottomq"></div>
  325. <div class="ci">{block:Source}
  326. <div class="source">{Source}</div>
  327. {/block:Source}</div>
  328.  
  329.  
  330.  
  331. </div></div>
  332.  
  333. {/block:Quote}
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340. {block:Link}
  341. <div class="post"><div class="box">
  342.  
  343.  
  344. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  345. {block:Description}
  346. <div class="description">{Description}</div>
  347. {/block:Description}
  348.  
  349.  
  350.  
  351.  
  352. </div></div>
  353.  
  354.  
  355. {/block:Link}
  356.  
  357.  
  358.  
  359.  
  360. {block:Chat}
  361. <div class="post"><div class="box">
  362.  
  363.  
  364.  
  365. <div class="chat">
  366. <div class="chat1">
  367. {block:Lines}
  368. <div class="chat2 {Alt}">
  369. {block:Label}
  370. <span>{Label}</span>
  371. {/block:Label}
  372. {Line}</div>
  373. {/block:Lines}
  374. </div>
  375. </div>
  376.  
  377.  
  378. </div></div>
  379.  
  380. {/block:Chat}
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387. {block:Audio}
  388. <div class="post"><div class="box">
  389.  
  390.  
  391.  
  392. <div class="trackid2">{AudioPlayerGrey}</div>
  393. <div class="boxmusica">
  394. <div class="album">{block:AlbumArt}
  395. <img src="{AlbumArtURL}" class="album"width="95" >
  396. {/block:AlbumArt}</div>
  397. {block:TrackName}<div class="trackid">
  398. <c>Faixa:</c> {TrackName}</div>{/block:TrackName}
  399. {block:Artist} <div class="trackid"><c>Artista:</c> {Artist}</div>{/block:Artist}
  400. <div class="trackid"><c>Executado:</c> ({PlayCount}) Vezes</div>
  401. <div class="clear"></div>
  402. </div>
  403.  
  404.  
  405.  
  406. </div></div>
  407.  
  408. {/block:Audio}
  409.  
  410.  
  411.  
  412.  
  413.  
  414. {block:Video}
  415. <div class="post"><div class="box">
  416.  
  417.  
  418.  
  419. <div class="video">{Video-500}</div>
  420. {block:Caption}
  421. <div class="caption">{Caption}</div>
  422. {/block:Caption}</center>
  423.  
  424.  
  425. </div></div>
  426.  
  427.  
  428. {/block:Video}
  429.  
  430.  
  431.  
  432.  
  433. {block:PostNotes}
  434. <div class="caixa">
  435. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png" class="user"> {block:RebloggedFrom} <a href="{ReblogParentURL}"> Via,</a> <a href="{ReblogRootURL}"> From,</a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> Source </a>. {/block:ContentSource} </div>
  436. <div class="extra">
  437. <img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}<br>
  438. </div>
  439. <div class="extra">
  440. <img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png" class="user"> {block:HasTags}{/block:HasTags}
  441. <span style="width:auto;">
  442. {block:HasTags}
  443. {block:Tags}
  444. <a class="tag" href="{TagURL}">{Tag}</a>
  445. {/block:Tags}
  446. {/block:HasTags}</span>
  447. <br>
  448. </div>
  449. <div class="extra">
  450. <img src="http://static.tumblr.com/wa79tuo/MiZm1iv2y/heart.png" class="user">{NoteCount}
  451. </div>
  452. </div><br>
  453. <div class="caixa">
  454. {PostNotes}
  455. </div>
  456. {/block:PostNotes}
  457.  
  458. {/block:Posts}
  459.  
  460. <left>
  461. {block:IndexPage}
  462. <div id="paginacao">
  463. {block:Pagination}{block:PreviousPage}
  464. <a href="{PreviousPage}">«</a>
  465. {/block:PreviousPage}
  466. {/block:Pagination}
  467. {block:Pagination}
  468. {block:NextPage}
  469. <a href="{NextPage}">»</a>
  470. {/block:NextPage}
  471. {/block:Pagination}
  472. </div></center>
  473. {/block:IndexPage}
  474. </left>
  475. </div>
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482. <div id="tumblr" style="display:none;">
  483.  
  484. <div class="post"><div class="box"><div class="h7">Créditos</div>
  485.  
  486. <div class="wishlist"> Theme e Design: <a href="http://jessierobsten.tumblr.com">Jessie Robsten</a></div>
  487. <div class="wishlist">Cores por: Photoshop CS5</div>
  488. <div class="wishlist">Fontese imagens: Google</div>
  489. <div class="wishlist">Tutoriais úteis: <a href="http://things-to-help-you.tumblr.com/">TTHY</a></div>
  490. <div class="wishlist">Box transparente: <a href="http://htmluv.tumblr.com/">HL</a></div>
  491.  
  492. </div></div>
  493.  
  494.  
  495.  
  496.  
  497. </div>
  498.  
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506. <div id="footer"></div>
  507.  
  508. </div>
  509.  
  510. </body>
  511. </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!