_header.sass
6.16 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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
#header
padding: 5px
.header-content
background: #F6F6F6 url('images/faixa_header_internal.png') center center repeat-x
height: 277px
.action-home-index &
background: #F6F6F6 url('images/banner_header.jpg') center center repeat-x
height: 480px
.header-content
#header
#participa-ma-header
margin: 0 auto
max-width: 980px
.header-content
#header
#accessibility
float: left
font-family: arial
font-size: 10px
margin: 5px 0 15px
padding: 0
width: 400px
li
display: inline
a
color: #000
margin-right: 8px
text-decoration: none
span
background: none repeat scroll 0 0 #2c66ce
color: #FFFFFF
padding: 0 3px
#portal-siteactions
float: right
font-size: 10px
margin: 5px 0px 15px 0
padding: 0
text-align: right
width: 50%
li
display: inline
margin-left: 10px
a
border-bottom: 1px dotted #00500f
color: #00500f
font-family: 'Open Sans', Arial, Helvetica, sans-serif
padding: 0
text-decoration: none
text-transform: uppercase
&:hover
border-bottom: 1px dotted #b62221
color: #b62221
#user
float: right
margin: 0
position: relative
right: 0
.welcome
display: none
#top-search
display: none
.or
display: none
.signup a
padding-right: 0
a
border-left: 1px solid #000
margin: 0
padding: 0 10px
text-decoration: none
&#pending-tasks-count
margin: 0 10px 0 0
border: none
padding: 0 5px
&#logout
padding-right: 0
&:nth-last-child(2)
padding-right: 5px
i
display: none
strong
color: #FFF
font-family: 'Open Sans'
font-size: 12px
font-weight: 300
&:hover
color: #b62221
#logo
float: left
padding: 0
width: 30%
a
display: block
width: 276px
#portal-title
background-image: url("images/logo_participama.png")
background-repeat: no-repeat
background-size: 276px
display: block
height: 83px
width: 276px
margin: 5px 0
#sobre
clear: right
float: right
margin: 10px 0 5px
ul
list-style: none
margin: 0
padding: 0
li
border-right: 1px solid #000
display: inline
&#link-contact
border: none
a
color: #fff
font-family: 'Open Sans'
font-size: 12px
padding: 0 10px
text-decoration: none
&:hover
color: #b62221
#principios-referencias
float: right
margin: 10px 0 5px
padding: 0
text-align: right
width: 400px
ul
list-style: none
margin: 0
padding: 0
li
border: 1px solid #FFF
+border-radius(5px)
display: inline-block
margin-right: 5px
padding: 5px
&:hover
background: #FFF
a
text-decoration: none
span
color: #000
font-family: 'Open Sans'
font-size: 12px
padding: 0 5px
text-transform: uppercase
#portal-searchbox
clear: right
float: right
margin: 10px 0 5px
+border-radius(0)
border: none
background: #fff
padding: 2px
text-align: right
width: 200px
.searchField
border-right: none
border: none
padding: 0.45em
width: 171px
form
white-space: nowrap
label
font-weight: normal
#searchGadget
width: 13em
input.searchButton
background-image: url("images/search-button.gif")
background-position: 6px 0px
background-repeat: no-repeat
background-color: transparent
border: none
cursor: pointer
padding: 4px 15px
text-indent: -2000px
&:hover
opacity: 1.0
#social-icons
float: right
clear: right
margin: 10px 0 0
ul
display: table-row
padding: 0
list-style: none
li
float: right
width: 25px
a
background-repeat: no-repeat
border: none
border-radius: 4px
height: 19px
opacity: .85
padding: 0px
display: inline-block
width: 19px
span
display: none
#sb_face
background: url('images/icone-branco-facebook.png') left top no-repeat
&:hover, &:focus
background: url('images/icone-branco-facebook.png') left -20px no-repeat
#sb_youtb
background: url('images/icone-branco-youtube.png') left top no-repeat
&:hover, &:focus
background: url('images/icone-branco-youtube.png') left -20px no-repeat
#top-menu
float: left
margin: 0px auto auto
width: 100%
ul
list-style: none
padding: 0
li
display: inline
a
color: #FFF
float: left
font-family: 'Open Sans Bold'
font-size: 12px
padding: 15px 31px
text-decoration: none
text-transform: uppercase
&:hover
background-color: #b62221
.link-sobre
background-color: #0083cb
.link-participacao
background-color: #088ed7
.link-eixos
background-color: #1197e1
.link-sistema
background-color: #1aa2ec
#votacao
display: none
float: right
height: 200px
margin-top: 60px
width: 315px
.action-home-index &
display: block
.title
display: table
font-family: 'Open Sans Bold'
font-size: 40px
line-height: 40px
text-transform: uppercase
.date
display: table
font-family: 'Open Sans Light'
font-size: 40px
a
color: #FFF
background-color: #89ba3f
+border-radius(5px)
font-family: 'Open Sans Extrabold'
font-size: 18px
display: table
margin-top: 15px
padding: 15px 25px
text-decoration: none
&:hover
background-color: #b62221