From 406e3af7d56d790dc4677d52218641bf1d392b8c Mon Sep 17 00:00:00 2001 From: Liliankelly Andrade Date: Fri, 30 Apr 2021 16:43:17 -0300 Subject: [PATCH 1/2] biblioteca atualizada --- .vscode/settings.json | 3 + Exercicios/10. array.map()/script.js | 22 ++- Exercicios/10. array.map()/script2.js | 23 +++ Exercicios/11. array.forEach()/script.js | 29 +++- Exercicios/2. for/script.js | 40 ++++- Exercicios/5. array.pop()/script.js | 22 ++- Exercicios/6. array.shift()/script.js | 11 +- Exercicios/7. array.unshift()/script.js | 16 +- Exercicios/8. array.slice()/script.js | 19 ++- Exercicios/9. array.splice()/script.js | 18 ++- Exercicios/script.js | 25 ++++ lilian andrade/README.md | 116 ++++++++++++++ lilian andrade/index.html | 58 +++++++ lilian andrade/script/script.js | 183 +++++++++++++++++++++++ lilian andrade/style/style.css | 109 ++++++++++++++ 15 files changed, 676 insertions(+), 18 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 Exercicios/10. array.map()/script2.js create mode 100644 Exercicios/script.js create mode 100644 lilian andrade/README.md create mode 100644 lilian andrade/index.html create mode 100644 lilian andrade/script/script.js create mode 100644 lilian andrade/style/style.css diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/Exercicios/10. array.map()/script.js b/Exercicios/10. array.map()/script.js index b6e4227..d933f42 100644 --- a/Exercicios/10. array.map()/script.js +++ b/Exercicios/10. array.map()/script.js @@ -5,4 +5,24 @@ const usuarios = [ {user:237, name: 'Mariana', idade:15 }, {user:238, name: 'Isis', idade:34 }, {user:239, name: 'Pietra', idade:23 } -] \ No newline at end of file +] + +//const textoResultado = usuarios.map((participantes) => { + +//}); + +const resultadoPietra = usuarios.map((users) => { + if(users.user === 239) { + return `Nome: ${users.name}, tem ${users.idade} anos` + } +}); + +console.log(resultadoPietra); + + + +// const nomes = usuarios.map((pessoas) => { +// return `O usuário número ${participante.user} se chama ${participante.name} e tem ${participante.idade} anos`; +// }); + +// console.log(nomes); diff --git a/Exercicios/10. array.map()/script2.js b/Exercicios/10. array.map()/script2.js new file mode 100644 index 0000000..75c35f1 --- /dev/null +++ b/Exercicios/10. array.map()/script2.js @@ -0,0 +1,23 @@ +const winners = [ + { + nome: 'Equipe Marvel', + pais: 'Canadá', + }, + { + nome: 'DCU', + pais: 'EUA', + }, + { + nome: 'Batman', + pais: 'GotamCity', + }, +]; +const vencedores = winners.map((equipe) => { + return equipe.nome; +}); + +const paises = winners.map(function (local) { + return local.pais +}); + +console.log(paises); \ No newline at end of file diff --git a/Exercicios/11. array.forEach()/script.js b/Exercicios/11. array.forEach()/script.js index 9c1e191..ad92097 100644 --- a/Exercicios/11. array.forEach()/script.js +++ b/Exercicios/11. array.forEach()/script.js @@ -1 +1,28 @@ -const numbers = [65, 44, 12, 4, 68]; +//const numbers = [65, 44, 12, 4, 68]; + + +// let sum = 0; + +// numbers.forEach((numero) => { +// sum += numero; +// }) + +// console.log(sum); + +const usuarios = [ + {user:234, name: 'Marcia', idade:40 }, + {user:235, name: 'Lorena', idade:20 }, + {user:236, name: 'Patricia', idade:24 }, + {user:237, name: 'Mariana', idade:15 }, + {user:238, name: 'Isis', idade:34 }, + {user:239, name: 'Pietra', idade:23 } +] + + +let somaIdade = 0; + +usuarios.forEach(function(itens) { + somaIdade += itens.idade; +}) +console.log(somaIdade); + diff --git a/Exercicios/2. for/script.js b/Exercicios/2. for/script.js index 557d6fc..3d4504a 100644 --- a/Exercicios/2. for/script.js +++ b/Exercicios/2. for/script.js @@ -1 +1,39 @@ -const listagemDeFrutas = ["Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +//const listagemDeFrutas = ["Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; + +// for (let fruta = 0; fruta < listagemDeFrutas.length; fruta++) { +// console.log(listagemDeFrutas[fruta]); +// } + +// const usuarios = [ +// {user: 234, name: 'Marcia', idade: 40 }, +// {user: 235, name: 'Lorena', idade: 20 }, +// {user: 236, name: 'Patricia', idade: 24 }, +// {user: 237, name: 'Mariana', idade: 15 }, +// {user: 238, name: 'Isis', idade: 34 }, +// {user: 239, name: 'Pietra', idade: 23 } +// ] +//um jeito +// for (let contador = 0; contador < usuarios.length ; contador++) { +// if (usuarios[contador].user === 235) { +// console.log(usuarios[contador].name, usuarios[contador].idade); +// } +// } +// // outro jeito +// for (let contador of usuarios) { + +// if(contador.user === 235) { +// console.log(contador.name, contador.idade); +// } + +// } + +// const listagemDeFrutas = ["Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// const listagemDeFrutas.push = ["uva", "Cajá"];{ + +// console.log(listagemDeFrutas); +// } +// const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// const listagemDeFrutas.push = ["uva", "Cajá"]; +// console.log(listagemDeFrutas); +// numeros.push("Maçã","Banana", "Manga"); +// console.log(listagemDeFrutas); diff --git a/Exercicios/5. array.pop()/script.js b/Exercicios/5. array.pop()/script.js index b6f649a..b70c4e2 100644 --- a/Exercicios/5. array.pop()/script.js +++ b/Exercicios/5. array.pop()/script.js @@ -1,5 +1,10 @@ const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; + + // const ultimoElementoLista = listagemDeFrutas.pop(); +// console.log(listagemDeFrutas); +// console.log(ultimoElementoLista); + const usuarios = [ {user:234, name: 'Marcia', idade:40 }, {user:235, name: 'Lorena', idade:20 }, @@ -7,4 +12,19 @@ const usuarios = [ {user:237, name: 'Mariana', idade:15 }, {user:238, name: 'Isis', idade:34 }, {user:239, name: 'Pietra', idade:23 } -] \ No newline at end of file +] +//conlose.log (usuarios.pop()); + +const removeUsuarios = usuarios.pop(); + +// const listagemDeFrutas = listagemDeFrutas.pop(); + +// console.log(listagemDeFrutas); + +// console.log(listagemDeFrutasPop); + +// const removeUsuario = usuarios.pop(); + +// console.log(usuarios); + +// console.log(removeUsuario); diff --git a/Exercicios/6. array.shift()/script.js b/Exercicios/6. array.shift()/script.js index b6f649a..7a9ac97 100644 --- a/Exercicios/6. array.shift()/script.js +++ b/Exercicios/6. array.shift()/script.js @@ -1,4 +1,7 @@ -const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +//const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// listagemDeFrutas.shift(); + +// console.log(listagemDeFrutas); const usuarios = [ {user:234, name: 'Marcia', idade:40 }, @@ -7,4 +10,8 @@ const usuarios = [ {user:237, name: 'Mariana', idade:15 }, {user:238, name: 'Isis', idade:34 }, {user:239, name: 'Pietra', idade:23 } -] \ No newline at end of file +] + + +usuarios.shift(); +console.log(usuarios); diff --git a/Exercicios/7. array.unshift()/script.js b/Exercicios/7. array.unshift()/script.js index 8421f62..933c37d 100644 --- a/Exercicios/7. array.unshift()/script.js +++ b/Exercicios/7. array.unshift()/script.js @@ -1,4 +1,7 @@ -const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +//const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; +// listagemDeFrutas.unshift('uva', 'pera', 'morango'); +// console.log(listagemDeFrutas); + const usuarios = [ {user:234, name: 'Marcia', idade:40 }, {user:235, name: 'Lorena', idade:20 }, @@ -6,4 +9,13 @@ const usuarios = [ {user:237, name: 'Mariana', idade:15 }, {user:238, name: 'Isis', idade:34 }, {user:239, name: 'Pietra', idade:23 } -] \ No newline at end of file +] +usuarios.unshift({ + user:233, + name:'lili', + idade:33 +} + +); + +console.log(usuarios); \ No newline at end of file diff --git a/Exercicios/8. array.slice()/script.js b/Exercicios/8. array.slice()/script.js index 8421f62..c902177 100644 --- a/Exercicios/8. array.slice()/script.js +++ b/Exercicios/8. array.slice()/script.js @@ -1,9 +1,12 @@ const listagemDeFrutas = [ "Uva", "Banana", "Manga", "Cajá", "Pinha", "Maçã", "Melão"]; -const usuarios = [ - {user:234, name: 'Marcia', idade:40 }, - {user:235, name: 'Lorena', idade:20 }, - {user:236, name: 'Patricia', idade:24 }, - {user:237, name: 'Mariana', idade:15 }, - {user:238, name: 'Isis', idade:34 }, - {user:239, name: 'Pietra', idade:23 } -] \ No newline at end of file + +const selectItens = listagemDeFrutas.slice(1,3) +console.log(selectItens); +// const usuarios = [ +// {user:234, name: 'Marcia', idade:40 }, +// {user:235, name: 'Lorena', idade:20 }, +// {user:236, name: 'Patricia', idade:24 }, +// {user:237, name: 'Mariana', idade:15 }, +// {user:238, name: 'Isis', idade:34 }, +// {user:239, name: 'Pietra', idade:23 } +// ] \ No newline at end of file diff --git a/Exercicios/9. array.splice()/script.js b/Exercicios/9. array.splice()/script.js index 08107fd..cf5e751 100644 --- a/Exercicios/9. array.splice()/script.js +++ b/Exercicios/9. array.splice()/script.js @@ -1,4 +1,10 @@ -const countryList = [ "Argentina","Armenia","Australia","Azerbaijan","Bahamas","Brazil","Burkina Faso", "Costa Rica","Mauritania","St Vincent","Uganda","United Arab Emirates","Uruguay","Uzbekistan","Venezuela"]; +//const countryList = [ "Argentina","Armenia","Australia","Azerbaijan","Bahamas","Brazil","Burkina Faso", "Costa Rica","Mauritania","St Vincent","Uganda","United Arab Emirates","Uruguay","Uzbekistan","Venezuela"]; + +//countryList.splice(0, 2); + +// countryList.splice(0, 3, "Japão", "Grecia", "Italia"); +// console.log(countryList); + const usuarios = [ {user:234, name: 'Marcia', idade:40 }, {user:235, name: 'Lorena', idade:20 }, @@ -6,4 +12,12 @@ const usuarios = [ {user:237, name: 'Mariana', idade:15 }, {user:238, name: 'Isis', idade:34 }, {user:239, name: 'Pietra', idade:23 } -] \ No newline at end of file +] + +usuarios.splice(0, 1, { + user: 233, + name: 'lilian', + idade: 33, +} +) +console.log(usuarios); \ No newline at end of file diff --git a/Exercicios/script.js b/Exercicios/script.js new file mode 100644 index 0000000..264ff2a --- /dev/null +++ b/Exercicios/script.js @@ -0,0 +1,25 @@ +// const nomes = ['Rosa', 'Lilian', 'Sandra', 'jaqueline']; + +// console.log(nomes.length); + +const iza = { + nome: 'Iza', + idade: 1, + casdrado:true, + cor: ['branco', 'preto'], + caracteristicas: ['fofinha', 'sociável'], +} + +const beyonce = { + nome: 'Beoynce', + idade: 1, + casdrado:true, + cor: ['branco', 'marrom', 'dourado', 'preto'], + caracteristicas: ['brincalhão', 'dengoso'], + } + + //console.log(iza["nome"]); + + //console.log(iza.nome, beyonce.nome); + + // dot notation console.log(iza["caracteristicas"][0], beyonce["cor"]); diff --git a/lilian andrade/README.md b/lilian andrade/README.md new file mode 100644 index 0000000..aa1bf90 --- /dev/null +++ b/lilian andrade/README.md @@ -0,0 +1,116 @@ +# Desafio: Biblioteca + +--- +## Instruções para a realização do projeto: + +1. Entre no repositório aqui mencionado (https://github.com/reprograma/On10-TodasEmTech-JavascriptII). + +2. **Forkem o repositório para a conta pessoal de vocês**. + +3. **Clonem no computador de vocês o repositório forkado em suas contas particulares**. + +``` +git clone [nome-do-repositorio-forkado-em-sua-conta-particular-no-GitHub] +``` + +**_ATENÇÃO_: Não modifiquem o conteúdo do projeto original forkado, apenas a que você copiou e renomeou!** + +4. Crie uma `branch` com o seu nome + +``` +git checkout -b "seu-nome"` +``` + +5. Entrem na branch criada e resolva o desafio proposto. Para verificar em qual branch voce está: + +``` +git branch +``` + +Se estiver na master... + +``` +git checkout "seu-nome" +``` + +6. Ao finalizar a resolução do desafio proposto, façam o `commit` e o `push` da branch criada para a master do projeto que vocês forkaram em suas contas particulares. +(Verifique que você está na sua branch) + +``` +git add . +git commit -m "texto do seu commit" +git push origin master +``` + +7. Em *Settings*, desçam a página até o submenu *GitHub Pages*, e clique em *Check it out here*. + + ![settings](../assets/settings-github.png) + + ![github-pages-link](../assets/github-pages-link.png) + +8. Em Github Pages, selecione em *source* a branch `main` e apertem em save. + +![github-pages](../assets/githubpages-source-selection.png) + +9. Enviem o link do GitHub do projeto que vocês forkaram em suas contas particulares. + +--- + +## 1. Introdução + +O nosso cliente - Biblioteca - recebeu o site que criamos, mas pediu algumas alterações na versão que entregamos. São essas: + +1. O cliente forneceu um array - `let books` - que contem alguns títulos que eles deseja ver exibidos na tela; + +2. O cliente deseja que seja retirada da listagem de livros adicionados pelo usuário a informação de "Data da inserção" - que continha a data e horário em que o livro foi adicionado no sistema. + +Assim, vamos produzir uma nova versão do site previamente elaborado. + +## 2. Detalhes Técnicos do Projeto: + +1. A estrutura em HTML e CSS criada anteriormente pode ser mantida. + +2. Contudo, a lógica do JavaScript será alterada, de acordo com o item 4 abaixo. + +## 3. Tecnologias Utilizadas: + +- HTML; +- CSS; +- *Vanilla.js*: não será permitida a utilização de bibliotecas nesse projeto. + +## 4. Critérios Técnicos do Projeto: + +1. O formulário de inserção dos livros continuará contendo os seguintes campos obrigatórios: **Autor, Título, ISBN e Data de Publicação**. Contudo, sintam-se à vontade para inserirem novos campos no formulário caso prefiram. + +2. O tratamento de erros para a adição de livros deve ser mantido - logo, um livro não pode ser adicionado sem as seguintes informações obrigatórias *(Autor, Título, ISBN e Data de Publicação)*. + +3. **No trecho responsável por listar os livros, deverá ser iterado o array `books` de forma a exibir na tela o acervo de livros disponibilizado pelo cliente. Esse array está declarado no arquivo `script.js`**. + +4. Ao clicar no botão responsável por adicionar o livro, **as informações agora devem ser imediatamente inseridas no array `books.js` e visualizadas na listagem localizada abaixo do formulário**. + +5. Na propriedade *published* do array `books.js`, constam as datas e horários em que os livros foram publicados. **Essa propriedade deve ser tratada usando o objeto Date() para que seja exibida na listagem apenas a data**. + +6. O livro adicionado permanecerá podendo ser deletado pelo usuário. + +7. A informação de data de inserção deverá ser removida da listagem de livros.**Na listagem dos livros inseridos, deverá vir uma informação nova, denominada "Data da inserção", contendo a data e o horário em que o livro foi inserido no sistema**. + +8. É preciso seguir a estrutura de repositório contida nessa pasta "Exercício de Casa". + +9. *Estilização*: a estilização da página fica a critério da aluna. O CSS deve ser Responsivo. + +## 5. Itens Adicionais e não Obrigatórios do Projeto: + +1. Permanência dos Dados: encontrar um meio para que as informações permaneçam na tela do usuário mesmo após a atualização da página. + +## 6. Links Úteis: + +**Sobre iteração de array e inserção de dados em um array:** + +https://www.youtube.com/watch?v=vLfqrEP6weo + +**Sobre eventuais erros na inserção de datas:** + +https://www.w3schools.com/js/tryit.asp?filename=tryjs_date_ahead + + + diff --git a/lilian andrade/index.html b/lilian andrade/index.html new file mode 100644 index 0000000..4238ff3 --- /dev/null +++ b/lilian andrade/index.html @@ -0,0 +1,58 @@ + + + + + + + + Biblioteca + + + +

Cadastro de Livros

+
+
+

Título

+ + +

Autor

+ + +

ISBN

+ + +

Data de Publicação

+ + + +

Páginas

+ + +
+ +
+ +
+ +
+ +
+
+ + + + + + + + + + + + +
TítuloAutorISBNData de PublicaçãoPáginas
+ + + + + diff --git a/lilian andrade/script/script.js b/lilian andrade/script/script.js new file mode 100644 index 0000000..4963ff2 --- /dev/null +++ b/lilian andrade/script/script.js @@ -0,0 +1,183 @@ + +let books = [{ + titulo: "Fisica basica", + autor: "desconhecido", + isbn: "213563", + dataPublicacao: "2014-12-14", + paginas:'500' +}, +{ + titulo: "Livro teste 2", + autor: "Autor livro 2", + isbn: "213563", + dataPublicacao: "2019-11-05T", + paginas:'850' +}, +{ + titulo: "livro teste 3", + autor: "Autor Livro 3", + isbn: "213563", + dataPublicacao: "2016-10-14", + paginas:'350' +} +] + + +function lerLivros() { + + books.map((livro) => { + document.getElementById('corpoTabela').innerHTML += ` + + ${livro.titulo} + ${livro.autor} + ${livro.isbn} + ${livro.dataPublicacao} + ${livro.paginas} + Delete + + ` + + }) +} + +lerLivros() + +function cadastrarDados(event) { + event.preventDefault(); + + let tituloForm = document.getElementById('titulo').value; + let autorForm = document.getElementById('autor').value; + let isbnForm = document.getElementById('isbn').value; + let dataDePubicacaoForm = document.getElementById('dataDePubicacao').value; + let paginasForm = document.getElementById('paginas').value; + //let dataDeinsercao = new Date().toLocaleDateString('pt-br'); + let horario = new Date().toLocaleTimeString('pt-br'); + + if (tituloForm === "") { + alert ("O Campo Título não pode ficar vazio") + } + else if (autorForm === "") { + alert ("O Campo Autor não pode ficar vazio") + } + else if (isbnForm === "") { + alert ("O Campo ISBN não pode ficar vazio") + } + else if (dataDePubicacaoForm === "") { + alert ("O Campo Data de Publicação não pode ficar vazio") + } + else if (paginasForm === "") { + alert ("O Campo Páginas não pode ficar vazio") + } + else { + //alert (horario) + books.push({ + titulo: tituloForm, + autor: autorForm, + isbn: isbnForm, + dataPublicacao: dataDePubicacaoForm, + paginas: paginasForm, + }); + limparCampo(); + limparTabela() + lerLivros(); + + } +} + +function limparTabela(){ + document.getElementById('corpoTabela').innerHTML = ` + + + + + + + + + ` + +} + +function limparCampo() { + + document.getElementById('titulo').value = ""; + document.getElementById('autor').value = ""; + document.getElementById('isbn').value = ""; + document.getElementById('dataDePubicacao').value = ""; + document.getElementById('paginas').value = ""; + +} + +document.getElementById('corpoTabela').addEventListener('click', function removerLinha(event) { + if (event.target.className === "delete") { + let botao = event.target.parentElement; + botao.parentElement.remove(); + } +}) + + + + + + + + + + + + +// let books = [ +// { +// isbn: "9781593275846", +// title: "Eloquent JavaScript, Second Edition", +// subtitle: "A Modern Introduction to Programming", +// author: "Marijn Haverbeke", +// published: "2014-12-14T00:00:00.000Z", +// }, +// { +// isbn: "9781449331818", +// title: "Learning JavaScript Design Patterns", +// subtitle: "A JavaScript and jQuery Developer's Guide", +// author: "Addy Osmani", +// published: "2012-07-01T00:00:00.000Z", +// }, +// { +// isbn: "9781449365035", +// title: "Speaking JavaScript", +// subtitle: "An In-Depth Guide for Programmers", +// author: "Axel Rauschmayer", +// published: "2014-02-01T00:00:00.000Z", +// }, +// { +// isbn: "9781491950296", +// title: "Programming JavaScript Applications", +// subtitle: "Robust Web Architecture with Node, HTML5, and Modern JS Libraries", +// author: "Eric Elliott", +// published: "2014-07-01T00:00:00.000Z", +// }, +// { +// isbn: "9781593277574", +// title: "Understanding ECMAScript 6", +// subtitle: "The Definitive Guide for JavaScript Developers", +// author: "Nicholas C. Zakas", +// published: "2016-09-03T00:00:00.000Z", +// }, +// { +// isbn: "9781491904244", +// title: "You Don't Know JS", +// author: "Kyle Simpson", +// published: "2015-12-27T00:00:00.000Z", +// }, +// { +// isbn: "9781449325862", +// title: "Git Pocket Guide", +// author: "Richard E. Silverman", +// published: "2013-08-02T00:00:00.000Z", +// }, +// { +// isbn: "9781449337711", +// title: "Designing Evolvable Web APIs with ASP.NET", +// author: "Glenn Block, et al.", +// published: "2014-04-07T00:00:00.000Z", +// } +// ] \ No newline at end of file diff --git a/lilian andrade/style/style.css b/lilian andrade/style/style.css new file mode 100644 index 0000000..fa2fcbc --- /dev/null +++ b/lilian andrade/style/style.css @@ -0,0 +1,109 @@ +* +{ + margin: 0; + padding: 0; +} + +body{ +background-image: url("https://super.abril.com.br/wp-content/uploads/2020/08/14-08_livros_SITE.jpg"); + background-position: center; + background-size: cover; + font-family: sans-serif; + margin-top: 40px; +} + +.cadastrolivros{ + width: 800px; + background-color: rgb(145, 140, 129); + margin: auto; + color: #ffffff; + padding: 10px 0 px 10px 0px; + text-align: center; + border-radius: 15px 15px 0px 0px; + +} + +.conteudo { + width: 800px; + margin: auto; + background-image: url("https://vigiadepreco.com.br/blog/wp-content/uploads/2020/12/5-livros-baratos-para-presentear-no-fim-de-ano.jpg"); +} + +form { + padding: 10px; +} + +#nome { + width: 100%; + height: 100px; +} +.nome { + margin-top: 15px; + width: 125px; + color: black; + font-size: 18px; + font-weight: 700; +} +.titulo { + line-height: 10px; + border-radius: 6px; + padding: 0 22px; + font-size: 16px; +} +.autor { + line-height: 10px; + border-radius: 6px; + padding: 0 22px; + font-size: 16px; +} +.isbn { + line-height: 10px; + border-radius: 6px; + padding: 0 22px; + font-size: 16px; +} +.dataDePubicacao { + line-height: 10px; + border-radius: 6px; + padding: 0 22px; + font-size: 16px; +} +.paginas { + line-height: 10px; + border-radius: 6px; + padding: 0 22px; + font-size: 16px; +} + +.botao { + text-align: center; +} + +.btn { + + text-align: center; + background-color:grey; + padding: 10px 10px 10px 10px; + width: 760px; + border-radius:15px; + margin-top: 15px; + +} + +th{ + padding-right: 50px; + text-align: center; +} + +td{ + padding-right: 30px; + text-align: center; +} + +.tabela { + padding: 40px 20px 30px 20px; + background-color: rgb(0, 0, 0, 0.8); + color: antiquewhite; + margin: 20px 100px 0 100px; + width: 85%; +} \ No newline at end of file From ba4269551ac68907c135fcb3b182fb1749b11f1e Mon Sep 17 00:00:00 2001 From: Liliankelly Andrade Date: Fri, 30 Apr 2021 17:20:56 -0300 Subject: [PATCH 2/2] teste no style --- lilian andrade/style/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lilian andrade/style/style.css b/lilian andrade/style/style.css index fa2fcbc..5b4d458 100644 --- a/lilian andrade/style/style.css +++ b/lilian andrade/style/style.css @@ -103,7 +103,7 @@ td{ .tabela { padding: 40px 20px 30px 20px; background-color: rgb(0, 0, 0, 0.8); - color: antiquewhite; + color: rgb(160, 112, 49); margin: 20px 100px 0 100px; width: 85%; } \ No newline at end of file