-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.css
89 lines (82 loc) · 4.44 KB
/
main.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body{line-height:1;background:url("images/bg.jpg") top center no-repeat;background-color:#c3c3c3; font-family: arial, sans-serif;}
h1{background:url("images/idopterlabs.png") top center no-repeat;width:340px;height:200px;margin:0 auto; }
h2{margin:5px auto;color:#a7a7a7;margin:12px 5% 0 65%;font-size:28px;}
h3{color:#bcbcbc;margin:2px 0;font-size:12px;}
h4{width:200px;text-align:left;padding:4px 10px; background-color:#6ea504;color:#FFF;margin:8px 0;font-size:20px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;text-transform: uppercase;}
h5 {width:140px; text-align:center;margin:20px auto; padding:0 10px 4px 10px; background-color:#6ea504;color:#FFF;font-size:2em;text-decoration:none;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;text-shadow:-1px -1px -1px #568209; }
h5 a{color:#fff;text-decoration:none; }
h5:hover{background-color:#649201;text-decoration:none; }
h6{margin:-30px 0 60px 5px;color:#515151;font-size:22px;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
lect{vertical-align:middle;}
/*estrutura*/
#navbar{width:100%;height:60px;background-color:#363636;clear:both;position:absolute;bottom:0;}
#navbar #go{background-color:#6ca622;width:50px;height:36px;font:bold 27px Tahoma,sans-serif;margin:-36px 5% 0 85%;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;text-align:center;text-shadow:1px 1px white,-1px -1px #55821c}
#navbar #go a{color:#FFF;text-decoration:none;}
#content{background:url("images/bg-content.jpg") top center no-repeat;position:relative;clear:both;bottom:0;margin:700px 0 0 0;}
#main{width:680px;padding:112px 0 50px 0;margin:0 auto; color:#4b4b4b;font-size:0.95em;text-shadow:-1px 1px -1px #e4e4e4; line-height: 1.5;}
#time{width:100%;background-color:#363636;margin:0px 0 0 0; padding:30px 0 40px 0;text-align:center;color:#FFF;}
#time .tt{width:974px;margin:0 auto; }
#time .personas{min-height:200px;display:inline-block;zoom:1;*display:inline;vertical-align:top;font-size:12px;line-height:1.6;text-align:left;}
#time .personas .box{width:180px;height:180px;background-color:#464646;margin:0 6px 0 0;padding:0 0 0 6px;}
#time .time-section{margin: 0 200px;}
#projects{width:100%;background-color:#fff;margin:300px 0 0 0; padding:30px 0 40px 0;text-align:center;color:#FFF;}
#projects .title{width:974px;margin:0 auto; }
#projects .project{min-height:200px;display:inline-block;zoom:1;*display:inline;vertical-align:top;font-size:12px;line-height:1.6;text-align:left;}
#projects .project .project-box{width:180px;height:180px;background-color:#fff;margin:0 6px 0 0;padding:0 0 0 6px;}
#projects .project-section{margin: 0 200px;}
.box-text {padding: 5px 5px;}
.box-text h3, .box-text a{color:#4b4b4b;text-decoration:none;}
.ct { margin:0 0 0 413px; }
.ct a{ color:#4b4b4b; text-decoration:none;}
.ct a:hover{text-decoration:underline;}
/*box*/
.boxgrid{width:180px;height:180px;float:left;background:#fff;color:#8e8e8e;border:0px;overflow:hidden;position:relative;}
.boxgrid img{position:absolute;top:0;left:0;border:0;}
.boxgrid p{padding:0 10px;}
/*redes sociais*/
#topbar{
position:absolute;
padding: 6px 2px;
background-color: none;
width: 90%;
visibility: hidden;
z-index: 100;
text-align:right;
}