Skip to content

Commit 5637e58

Browse files
heloisaldanhaheloisaldanha
committed
2 parents b0064be + e34acc8 commit 5637e58

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

81 files changed

+1203
-0
lines changed

‎README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# HTML5_CSS_JavaScript
2+
Curso em Vídeo - HTML5 + CSS + JS
3+
4+
Repositório usado nas aulas do Guanabara do Curso de HTML + CSS + JavaScript

‎projeto-glass-html5/_css/estilo.css

Lines changed: 253 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,253 @@
1+
@charset "UTF-8";
2+
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
3+
@font-face {
4+
font-family: 'FonteLogo';
5+
src: url(../_fonts/bubblegum-sans-regular.otf);
6+
}
7+
body {
8+
background-color: #dddddd;
9+
font-family: Arial, sans-serif;
10+
}
11+
12+
div#interface {
13+
width: 900px;
14+
background-color: #ffffff;
15+
margin: -20px auto 10px auto;
16+
box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
17+
padding: 10px;
18+
}
19+
20+
p {
21+
text-align: justify;
22+
text-indent: 50px;
23+
}
24+
25+
a {
26+
color: #606060;
27+
text-decoration: none;
28+
}
29+
30+
a:hover {
31+
text-decoration: underline;
32+
}
33+
34+
header#cabecalho img#icone {
35+
position: absolute;
36+
left: 780px;
37+
top: 70px;
38+
}
39+
40+
header#cabecalho {
41+
border-bottom: 1px #606060 solid;
42+
height: 150px;
43+
background: url(../_imagens/glass-logo-peq.jpg) no-repeat 0px 80px;
44+
45+
}
46+
47+
header#cabecalho h1 {
48+
font-family: 'FonteLogo', sans-serif;
49+
font-size: 30pt;
50+
color: #606060;
51+
text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
52+
padding: 0px;
53+
margin-bottom: 0px;
54+
}
55+
56+
header#cabecalho h2 {
57+
font-family: 'Titillium Web', sans-serif;
58+
color: #888888;
59+
font-size: 15pt;
60+
padding: 0px;
61+
margin-top: 0px;
62+
}
63+
/* Formatação de imagens com legendas */
64+
65+
figure.foto-legenda {
66+
position: relative;
67+
border: 8px solid white;
68+
box-shadow: 1px 1px 4px black;
69+
}
70+
71+
figure.foto-legenda img {
72+
width: 100%;
73+
right: 100%;
74+
}
75+
76+
figure.foto-legenda figcaption {
77+
opacity: 0;
78+
position: absolute;
79+
top: 0px;
80+
background-color: rgba(0, 0, 0, .4);
81+
color: white;
82+
width: 100%;
83+
height: 100%;
84+
padding: 10px;
85+
box-sizing: border-box;
86+
transition: opacity 1s;
87+
}
88+
89+
figure.foto-legenda:hover figcaption {
90+
opacity: 1;
91+
}
92+
93+
/* Formatação do menu */
94+
nav#meu {
95+
display: block;
96+
}
97+
98+
nav#menu ul {
99+
list-style: none;
100+
text-transform: uppercase;
101+
position: absolute;
102+
top: -20px;
103+
left: 460px;
104+
}
105+
106+
nav#menu li {
107+
display: inline-block;
108+
background-color: #dddddd;
109+
padding: 10px;
110+
margin: 2px;
111+
-webkit-transition:background-color 1s;
112+
-moz-transition:background-color 1s;
113+
-o-transition:background-color 1s;
114+
transition:background-color 1s;
115+
}
116+
117+
nav#menu li:hover {
118+
background-color: #606060;
119+
}
120+
121+
nav#menu h1 {
122+
display: none;
123+
}
124+
125+
nav#menu a {
126+
color: #000000;
127+
text-decoration: none;
128+
}
129+
130+
nav#menu a:hover {
131+
color: #ffffff;
132+
}
133+
134+
section#corpo {
135+
display: block;
136+
width: 500px;
137+
float: left;
138+
border-right: 1px solid #606060;
139+
padding-right: 15px;*/
140+
}
141+
142+
article#noticia-principal h2 {
143+
font-size: 13pt;
144+
color: #606060;
145+
background-color: #dddddd;
146+
padding: 5px 0px 5px 10px;
147+
margin: 10px 0px 10px 0px;
148+
}
149+
150+
header#cabecalho-artigo h1 {
151+
font-family: 'FonteLogo', sans-serif;
152+
color: #606060;
153+
margin-bottom: 0px;
154+
margin-top: 0px;
155+
}
156+
157+
header#cabecalho-artigo h2 {
158+
font-size: 13pt;
159+
color: #cecece;
160+
background-color: #ffffff;
161+
margin: 0px;
162+
}
163+
164+
.direita {
165+
text-align: right;
166+
}
167+
168+
header#cabecalho-artigo h3 {
169+
font-size: 12px;
170+
color: #606060;
171+
}
172+
173+
table#tabelaspec {
174+
border: 1px solid #606060;
175+
border-spacing: 0px;
176+
margin-left: auto;
177+
margin-right: auto;
178+
}
179+
180+
table#tabelaspec td {
181+
border: 1px solid #606060;
182+
padding: 10px;
183+
text-align: center;
184+
vertical-align: middle;
185+
}
186+
187+
table#tabelaspec td.ce {
188+
color: #ffffff;
189+
background-color: #606060;
190+
vertical-align: top;
191+
font-weight: bold;
192+
}
193+
194+
table#tabelaspec td.cd {
195+
background-color: #cecece;
196+
197+
}
198+
199+
table#tabeleaspec caption {
200+
color: #888888;
201+
font-size: 13pt;
202+
font-weight: bold;
203+
}
204+
205+
table#tabelaspec caption span {
206+
display: block;
207+
float: right;
208+
color: #000000;
209+
font-size: 8pt;
210+
margin-top: 10px;
211+
}
212+
213+
aside#lateral {
214+
display: block;
215+
width: 350px;
216+
float: right;
217+
background-color: #dddddd;
218+
padding: 10px;
219+
margin-top: 10px;
220+
box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
221+
}
222+
223+
aside#lateral h1 {
224+
font-family: 'FonteLogo', sans-serif;
225+
font-size: 20pt;
226+
color: #606060;
227+
margin-top: 0px;
228+
}
229+
230+
aside#lateral h2 {
231+
background-color: #606060;
232+
font-size: 13pt;
233+
color: #ffffff;
234+
padding:
235+
}
236+
237+
footer#rodape {
238+
clear: both;
239+
border-top: 1px solid #606060;
240+
}
241+
242+
footer#rodape p {
243+
text-align: center;
244+
}
245+
246+
footer#rodape a {
247+
text-decoration: none;
248+
color: #000000;
249+
}
250+
251+
footer#rodape a:hover {
252+
color: blue;
253+
}

‎projeto-glass-html5/_css/form.css

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
@charset "UTF-8";
2+
3+
form {
4+
width: 500px;
5+
margin: auto;
6+
}
7+
8+
input. textarea{
9+
font-family: sans-serif;
10+
font-weight: normal;
11+
font-size: 13pt;
12+
background-color: rgba()255,255,255,.8;
13+
}
14+
15+
input:hover, textarea:hover {
16+
background-color: #dddddd;
17+
18+
}
19+
20+
legend {
21+
color: #888888;
22+
font-weight: bold;
23+
font-size: 13pt;
24+
font-family: sans-serif;
25+
}
26+
27+
fieldset {
28+
border-color: #cecece;
29+
margin: 20px;
30+
}
31+
32+
fieldset#sexo {
33+
width: 150px;
34+
}
35+
36+
fieldset#usuario {
37+
background: url(../_imagens/icone-contato.png) no-repeat 95% 95%;
38+
}
39+
40+
fieldset#endereco {
41+
background: url(../_imagens/icone-endereco.png) no-repeat 95% 95%;
42+
43+
}
44+
45+
fieldset#mensagem {
46+
background: url(../_imagens/icone-mensagem.png) no-repeat 95% 95%;
47+
48+
}
49+
50+
fieldset#pedido {
51+
background: url(../_imagens/icone-pagamento.png) no-repeat 95% 95%;
52+
53+
}

0 commit comments

Comments
 (0)