01 nav {
02 z-index: 500;
03 background-color: rgba(255, 255, 255, 0.62); /*cor da barra*/
04 }
05
06 .nav-placeholder {
07 margin: 0 0 40px 0;
08 }
09
10 .fixed {
11 position: fixed;
12 top: 0;
13 left: 0;
14 width: 100%;
15 background-color: rgba(255, 255, 255, 0.62); /*cor da barra ao deslizar*/
16 }
17
18 .fixed .nav-inner {
19 padding: 0 20px;
20 }
21
22 .fixed .nav-inner-most {
23 max-width: 1100px;/*largura maxima ao deslizar*/
24 margin: 0 auto;
25 background-color: rgba(255, 255, 255, 0.62);
26 }
27
28 nav ul {
29 margin: 0;
30 padding: 0;
31 }
32
33 nav ul li {
34 list-style: none;
35 float: left;
36 }
37
38 nav ul li a:link,
39 nav ul li a:visited {
40 display: block;
41 text-decoration: none;
42 padding: 10px 25px;
43 background-color: #transparent;
44 color: #AAAAAA;
45 font-size: 90%;
46 font-weight: bold;
47 }
48
49 nav ul li a:hover {
50 color: pink;
51 }
52
53 nav ul li:last-child a:link,
54 nav ul li:last-child a:visited {
55 border-right: none;
56 }
57
58 .clearfix:before, .clearfix:after { content: ""; display: table; }
59 .clearfix:after { clear: both; }
60 .clearfix { *zoom: 1; }
61 .container {
62 max-width: 1100px; /*essa largura tem que ter valor igual ou proximo da largura total do seu blog*/
63 margin: 0 auto;
64 padding: 0 20px;
65 position: relative;
66 }
67 #search {
68 width: 228px; /* largura caixa de pesquisa */
69 height: 22px;/* altura caixa de pesquisa */
70 float: right;
71 text-align: center;
72 margin-top: 6px;
73 margin-right: 6px;
74 }
75 #search-box {
76 margin-top: 3px;
77 border:0px;
78 background: #fff;
79 text-align:center;
80 color:#AAAAAA;
81 }
82 .gray, a gray { /*deixa os icones cinza*/
83 -webkit-filter:grayscale(100%)
84 }
85 .gray:hover, a:hover gray {
86 -webkit-transition-duration: 0.5s;
87 -webkit-filter:grayscale(1%)
88 }
***
