_globalheader.sass
5.09 KB
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
#global-header
height: auto
margin: auto
width: 100%
a:link
text-decoration: none
.header-content
*
list-style: none
margin: 0
padding: 0
vertical-align: baseline
li
display: inline
#header
background-color: #fcdd4e //(amarelo-claro)
// Old browsers
background-color: #f9c404 // (amarelo-escuro)
background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%) // (amarelo-claro)(amarelo-escuro)
// FF3.6+
background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404))
// Chrome,Safari4+
background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%)
// Chrome10+,Safari5.1+
background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%)
// Opera 12+
background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%)
// IE10+
background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%)
// IE6-9 fallback on horizontal gradient
color: #fff
padding: 13px 0 0 0
&>div
margin: 0 auto
max-width: 960px
#accessibility
display: block
float: left
font-family: Arial
font-size: 10px
list-style: none
width: 45%
a
color: #00500f
margin-right: 8px
span
background: none repeat scroll 0 0 #497B16
color: #FFFFFF
padding: 0 4px
#portal-siteactions
display: block
float: right
font-size: 10px
margin-top: -4px
text-align: right
width: 30%
a
border-bottom: 1px dotted #00500f
color: #00500f
font-family: 'Open Sans', Arial, Helvetica, sans-serif
padding: 2px 0px
text-decoration: none
text-transform: uppercase
&:hover
color: #03316f
li
display: inline
margin: 0px 0px 0px 15px
#user
float: right
height: auto
margin-top: -4px
position: relative
right: 0
top: 0
width: auto
#top-search
display: none
#homepage-link i
display: block
a
margin-left: 15px
i
display: none
strong
color: #00500f
font-family: 'Open Sans'
font-size: 10px
font-weight: 300
text-transform: uppercase
.welcome, .or
display: none
#logo
float: left
padding: 0
width: 70%
a
display: block
color: #03316f
margin: 1em 0px
text-decoration: none
width: 100%
span
display: block
#portal-title
margin: 29px 0px 46px 0px
color: #03316f
font-size: 40px
font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif
font-weight: normal
line-height: 1em
letter-spacing: -0.05em
#portal-description
font-size: 1.2em
text-transform: uppercase
#sobre
#header &
clear: both
background: #f8c300
font-size: 12px
line-height: 20px
margin: 0
max-width: 100%
padding: 5px 0
ul
max-width: 960px
margin: 0 auto
text-align: right
a
color: #00500f
font-family: 'Open Sans', Arial, Helvetica, sans-serif
#link-faq a
border-right: 1px solid #00500f
padding: 0 10px
#link-contact a
padding-left: 10px
// Searchbox
.LSBox
border: none
margin: 0
padding: 0
input.searchField
-moz-appearance: none
#portal-searchbox
background: #fff
border: 1px solid #CCCCCC
border-radius: 5px
-moz-border-radius: 5px
-webkit-border-radius: 5px
clear: right
float: right
font-size: 80%
margin: 31px 0 14px
padding: 2px
text-align: right
.searchField
border: none
padding: 0.45em
width: 170px
form
white-space: nowrap
label
font-weight: normal
#searchGadget
margin: 0
width: 170px
input.searchButton
background-image: url("images/search-button.gif")
background-position: 8px 2px
background-repeat: no-repeat
background-color: #ffffff
border: none
padding: 4px 15px
text-indent: -2000px
input.searchField
margin-bottom: 1em
-moz-appearance: searchfield
#LSResult
margin-top: 0.5%
z-index: 1
// Search Button
#search-button
a
display: inline-block
height: 25px
margin-right: 3px
margin-top: 10px
width: 29px
&:hover
opacity: 0.6
#sb_search
background-image: url(images/search.png)
background-size: 100% 100%
span
display: none
// Social Buttons
#social-icons
clear: right
float: right
margin: 0px
ul
display: table-row
li
float: right
width: 20px
margin-left: 4px
a
width: 20px
height: 20px
padding: 0px
display: inline-block
background-repeat: no-repeat
#sb_face
background-image: url(images/icone-verde-facebook.png)
&:hover
background: url(images/icone-verde-facebook.png) 0 20px
#sb_tweet
background-image: url(images/icone-verde-twitter.png)
&:hover
background: url(images/icone-verde-twitter.png) 0 20px
#sb_youtb
background-image: url(images/icone-verde-youtube.png)
&:hover
background: url(images/icone-verde-youtube.png) 0 20px
#sb_flickr
background-image: url(images/icone-verde-flickr.png)
&:hover
background: url(images/icone-verde-flickr.png) 0 20px
span
display: none
// END social Buttons