Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 1963e2d

Browse files
Add files via upload
1 parent f72ca07 commit 1963e2d

Some content is hidden

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

60 files changed

+456
-0
lines changed

‎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)

AltStyle によって変換されたページ (->オリジナル) /