Transcript
"@charset ""utf-8"";",,
,,
body,,
{,,
,,
background-color: rgb(255,235,100);
},,
,,
#divTotal,,
{,,
width: 1024px;,,
height: 768px;,,
},,
#divTopo,,
{,,
/*POSICAO RELATIVA EM RELACAO A TELA*/,,
position: relative;,,
height: 260px;,,
},,
#sanduicheTopo,,
{,,
/*POSICAO RELATIVA EM RELACAO A DIVTOPO E A TELA*/,,
position: relative;,,
/*POSICIONA A DIREITA A DIV DO SANDUICHE EM RELACAO AOS ELEMENTOS QUE ESTAO A SUA ESQUERDA*/,,
float: left;,,
height: 250px;,,
width: 400px;,,
/*DISTANCIA DA ESQUERDA PARA DIREITA EM RELACAO A TELA OU DOS ELEMENTOS QUE ESTIVERE A SUA ESQUERDA*/,,
left:200px;,,
/*ALTURA EM RELACAO AO TOPO DA TELA*/,,
top: 10px; ,,
},,
/*REDIMENSIONAMENTO DA IMAGEM, IMG RECEBE COMO HERANCA SANDUICHETOPO*/,
#sanduicheTopo img,,
{,,
height: 200px;,,
width: 400px;,,
/*ALTERA A BORDA DA IMAGEM DO SANDUICHE SOMENTE A ESQUERDA*/,,
border-top-left-radius:20px;,,
/*FAZ O SOMBREAMENTO DAS BORDAS DO SANDUICHE*/,,
box-shadow: 0 0 0 grey;,,
},,
#fastfoodTopo,,
{,,
position: relative;,,
/*POSICIONA A DIV EM RELACAO A DIV AO SEU LADO(ONDE ESTAO AS IMAGENS NO TOPO DA TELA)*/,,
float: left;,,
height: 250px;,,
width: 400px;,,
/*DISTANCIA DA ESQUERDA PARA DIREITA EM RELACAO A IMAGEM AO SEU LADO */,,
left:200px;,,
/*ALTURA EM RELACAO AO TOPO DA TELA*/,,
top: 10px; ,,
},,
,,
#fastfoodTopo img,,
{ ,,
height: 200px;,,
width: 400px;,,
/*ALTERA A BORDA DA IMAGEM DO SANDUICHE SOMENTE A DIREITA*/,,
border-top-right-radius:20px;,,
/*FAZ O SOMBREAMENTO DAS BORDAS DO FASTFOOD*/,,
box-shadow: 10px 10px 10px grey; ,,
},,
,,
#divMeioPage,,
{,,
height: 400px;,,
},,
,,
/*FAZ A CONFIGURACAO DO MENU*/,,
#menu,,
{,,
position: relative;,,
float: left; ,,
height: 200px;,,
width: 160px; ,,
},,
/*OS LI DO MENU DA UL RECEBEM COMO HERANCA O CONTEXTO DO MENU*/,,
#menu li,,
{,,
text-align: center;,,
position: relative;,,
float: left;,,
/*TIRA OS PONTOS DAS LI*/,,
list-style: none;,,
/*COLOCA A COR DOS BOTOES BRANCA*/,,
color: white;,,
background-color: rgb(225,60,2);
/*FAZ O CONTORNO COMO UM BOTAO DOS ITENS DO MENU*/,,
border-radius: 20px; ,,
/*FAZ O SOMBREAMENTO DAS BORDAS DO MENU*/,,
box-shadow: 0 10px 10px grey;,,
/*FAZ O ESPACAMENTO ENTRE OS BOTOES*/,,
margin: 10px;,,
/*AUMENTA O TAMANHO DO PREENCHIMENTO DOS BOTOES*/,,
padding: 10px;,,
/*COMPRIMENTO DO TAMANHO DOS BOTOES*/,,
width: 100px; ,,
},,
,,
#menu li a,,
{,,
,,
/*FAZ O CONTORNO COMO UM BOTAO DOS ITENS DO MENU*/,,
border-radius: 20px;,,
/*DIMINUI A MARGEM EM RELACAO AO PREENCHIMENTO DO LINK*/,,
margin: -10px;,,
/*AUMENTA O TAMANHO DO PREENCHIMENTO DO LINK EM RELACAO AO BOTAO*/,,
padding: 10px;,,
/*FAZ O PREENCHIMENTO TOTAL DO LINK EM RELACAO A LI*/,,
display: block; ,,
/*TIRA TODOS OS EFEITOS DE LINHA DOS LINKS*/,,
text-decoration: none;,,
color: white; ,,
},,
,,
/*MUDA A COR DOS BOTOES DO MENU QUANDO PASSA O MOUSE POR CIMA*/,,
#menu li:hover,,
{,,
background-color: rgb(80,80,80);
margin: 10px;,,
padding: 10px; ,,
,,
},,
,,
#corpoInterno,,
{,,
background-color: white;,,
position: relative;,,
/*POSICAO RELATIVA AO FUNDO DA TELA DE BAIXO PARA CIMA*/,,
float: left;,,
/*AFASTAMENTO DA ALTURA EM RELACAO AS IMAGENS FASTFOOD E DO SANDUICHE*/,,
top: -50px;,,
width: 800px;,,
height: 550px;,,
/*ALTERA A BORDA DA IMAGEM DO CAMPO EM BRANCO NA PARTE INTERNA DA PAGINA NA PARTE INFERIOR*/,,
border-bottom-right-radius: 20px;,,
border-bottom-left-radius: 20px;,,
/*FAZ O SOMBREAMENTO DA PARTE INTERNA*/,,
box-shadow: 10px 10px 10px grey;,,
},,
,,
#divMenuCorpoInterno,,
{,,
position: relative;,,
float: left; ,,
left: 80px;,,
height: 100px;,,
width: 600px;,,
},,
,,
/*OS LI DO MENU DA UL RECEBEM COMO HERANCA O CONTEXTO DO MENU*/,,
#divMenuCorpoInterno li,,
{,,
text-align: center; ,,
position: relative;,,
float: left;,,
/*TIRA OS PONTOS DAS LI*/,,
list-style: none; ,,
/*COLOCA A COR DOS BOTOES BRANCA*/,,
color: white;,,
background-color: rgb(225,60,2);
/*FAZ O CONTORNO COMO UM BOTAO DOS ITENS DO MENU*/,,
border-radius: 20px; ,,
/*FAZ O SOMBREAMENTO DAS BORDAS DO MENU*/,,
box-shadow: 0 10px 10px grey;,,
/*FAZ O ESPACAMENTO ENTRE OS BOTOES*/,,
margin: 10px;,,
/*AUMENTA O TAMANHO DO PREENCHIMENTO DOS BOTOES*/,,
padding: 10px;,,
/*COMPRIMENTO DO TAMANHO DOS BOTOES*/,,
width: 100px;,,
},,
,,
#divMenuCorpoInterno li a,,
{,,
/*FAZ O CONTORNO COMO UM BOTAO DOS ITENS DO MENU DO CORPO INTERNO*/,,
border-radius: 20px;,,
/*DIMINUI A MARGEM EM RELACAO AO PREENCHIMENTO DO LINK*/,,
margin: -10px;,,
/*AUMENTA O TAMANHO DO PREENCHIMENTO DO LINK EM RELACAO AO BOTAO*/,,
padding: 10px;,,
/*FAZ O PREENCHIMENTO TOTAL DO LINK EM RELACAO A LI*/,,
display: block; ,,
/*TIRA TODOS OS EFEITOS DE LINHA DOS LINKS*/,,
text-decoration: none;,,
color: white; ,,
},,
,,
#divMenuCorpoInterno li:hover,,
{,,
background-color: rgb(80,80,80);
margin: 10px;,,
padding: 10px; ,,
,,
},,
,,
/*MODIFICA O TAMANHO E OS ESPACAMENTO DAS IMAGENS DOS PRODUTOS*/,,
.produtos ul,,
{,,
list-style-type: none;,,
display: block; ,,
float: left;,,
padding: 40px;,,
},,
,,
.produtos li,,
{,,
float:left;,,
width: 180px; ,,
margin:0 auto;,,
},,
.produtos li div,,
{,,
padding:0;,,
margin:0;,,
},,
,,
.produtos img,,
{,,
width: 100px;,,
height: 100px;,,
padding:0 42px;,,
},,
,,
/*ALINHA OS LABELS DOS NOMES DOS PRODUTOS COM AS IMAGENS ACIMA E REDIMENSIONA O TAMANHO DOS LABELS PARA O MESMO TAMANHO DAS IMAGENS*/,,
.produtos p,,
{,,
text-align: center; ,,
padding:0;,,
margin:0;,,
padding:15px 0;,,
},,
,,
#parImgLanch,,
{,,
position: relative;,,
float: left;,,
top: -20px;,,
left: 160px;,,
font-size: 18px;,,
},,
,,
/*DIV DA IMAGEM INTERNA DA LANCHONETE*/,,
#imgLanch,,
{,,
position: relative;,,
float: left;,,
top: -20px;,,
left: 200px;,,
width: 400px;,,
height: 300px; ,,
},,
,,
/*REDIMENSIONAMENTO DA IMAGEM INTERNA DA LANCHONETE*/,,
#imgLanch img,,
{,,
width: 400px;,,
height: 300px;,,
box-shadow: 10px 10px 10px grey;,,
},,
,,
/*DIV DA SAUDACAO QUANDO O USUARIO E LOGADO*/,,
#divLogNome,,
{,,
float: left;,,
padding: 20px 0;,,
},,
,,
/*LABEL DA SAUDACAO DO USUARIO LOGADO*/,,
#divLogNome p,,
{,,
position: relative;,,
float: left;,,
top: 20px; ,,
},,
,,
/*DIV ONDE FICA TODOS OS PEDIDOS DO CLIENTE*/,,
#divPedidos,,
{,,
position: relative;,,
float: left;,,
left: 160px;,,
top: 80px;,,
width: 500px;,,
height: 220px;,,
border-color: black;,,
border-width: 10px;,,
},,
,,
#divPedidos select,,
{,,
width: 120px;,,
margin: 10px;,,
},,
,,
/*TABELA DE OPCOES DO PEDIDO DO CLIENTE*/,,
#tabPedido, td,
{,,
border: 1px solid black;,,
/*TIRA O ESPACAMENTO ENTRE A BORDA DA TABELA E DAS LINHAS E COLUNAS E FORMA UMA SO*/,,
border-collapse: collapse;,,
},,
,,
/*DIV DO RODAPE DA PAGINA*/,,
#rodape,,
{,,
position: relative;,,
float: left;,,
left: 225px;,,
bottom: 40px; ,,
},,
/*PARAGRAFO DO TEXTO DO RODAPE*/,,
#rodape p,,
{,,
position: relative;,,
float: left; ,,
font-size: 18px;,,
font-family: italic; ,,
},,