Download as
Browse Code »

Commit 95062b31c4e0e961d0cc59b658f1ccae2a95b799

Authored by Melissa Wen
1 parent be46b88b
Exists in master and in 2 other branches production, staging

Improve and fix header and homepage styles

Showing 2 changed files with 34 additions and 14 deletions   Show diff stats
_header.sass
  Diff comments   View file @95062b3
... ... @@ -12,7 +12,7 @@
12 12 #header
13 13 #participa-ma-header
14 14 margin: 0 auto
15   - max-width: 960px
  15 + max-width: 980px
16 16  
17 17 .header-content
18 18 #header
... ... @@ -70,7 +70,13 @@
70 70 padding: 0 10px
71 71 text-decoration: none
72 72 &#pending-tasks-count
73   - margin: 0
  73 + margin: 0 10px 0 0
  74 + border: none
  75 + padding: 0 5px
  76 + &.ctrl-panel
  77 + padding-right: 0
  78 + &:last-child
  79 + padding-right: 0
74 80 i
75 81 display: none
76 82 strong
... ... @@ -106,7 +112,7 @@
106 112 li
107 113 border-right: 1px solid #000
108 114 display: inline
109   - &:last-child
  115 + &#link-contact
110 116 border: none
111 117 a
112 118 color: #fff
... ... @@ -188,21 +194,22 @@
188 194 a
189 195 background-repeat: no-repeat
190 196 border: none
191   - height: 20px
  197 + border-radius: 4px
  198 + height: 19px
192 199 opacity: .85
193 200 padding: 0px
194 201 display: inline-block
195   - width: 25px
  202 + width: 19px
196 203 span
197 204 display: none
198 205 #sb_face
199 206 background: url('images/icone-branco-facebook.png') left top no-repeat
200 207 &:hover, &:focus
201   - background: url('images/icone-branco-facebook.png') left bottom no-repeat
  208 + background: url('images/icone-branco-facebook.png') left -20px no-repeat
202 209 #sb_youtb
203 210 background: url('images/icone-branco-youtube.png') left top no-repeat
204 211 &:hover, &:focus
205   - background: url('images/icone-branco-youtube.png') left bottom no-repeat
  212 + background: url('images/icone-branco-youtube.png') left -20px no-repeat
206 213 #top-menu
207 214 float: left
208 215 margin: 0px auto auto
... ... @@ -217,7 +224,7 @@
217 224 float: left
218 225 font-family: 'Open Sans Bold'
219 226 font-size: 12px
220   - padding: 15px 28px
  227 + padding: 15px 31px
221 228 text-decoration: none
222 229 text-transform: uppercase
223 230 &:hover
... ... @@ -234,7 +241,7 @@
234 241 display: none
235 242 float: right
236 243 height: 200px
237   - margin-top: 40px
  244 + margin-top: 60px
238 245 width: 315px
239 246 .action-home-index &
240 247 display: block
... ...
_home_page.sass
  Diff comments   View file @95062b3
... ... @@ -28,7 +28,7 @@
28 28 font-size: 15px
29 29 height: 225px
30 30 left: 60%
31   - padding: 140px 50px
  31 + padding: 130px 50px
32 32 position: absolute
33 33 top: 0
34 34 width: 331px
... ... @@ -95,7 +95,7 @@
95 95 h2
96 96 margin-bottom: 30px
97 97 margin-top: 5px
98   - max-height: 62px
  98 + max-height: 66px
99 99 overflow: hidden
100 100 padding: 0 20px
101 101 .post-title
... ... @@ -146,6 +146,7 @@
146 146 img
147 147 max-width: 235px
148 148 max-height: 100px
  149 + border-radius: 50px
149 150 .org
150 151 color: #B21B1A
151 152 height: 100px
... ... @@ -183,7 +184,7 @@
183 184 &:last-child
184 185 margin-right: 0
185 186 .title
186   - height: 45px
  187 + height: 66px
187 188 overflow: hidden
188 189 a
189 190 color: #000
... ... @@ -194,9 +195,18 @@
194 195 .published-at
195 196 color: #aaa
196 197 .lead
197   - height: 97px
  198 + height: 93px
  199 + font-family: 'Open Sans' !important
  200 + font-size: 14px !important
  201 + font-weight: 300 !important
  202 + line-height: 21px !important
198 203 overflow: hidden
199 204 word-break: break-word
  205 + em
  206 + font-size: 14px !important
  207 + font-style: normal !important
  208 + font-weight: 300 !important
  209 + line-height: 21px
200 210 .read_more
201 211 text-align: right
202 212 padding-top: 10px
... ... @@ -221,6 +231,9 @@
221 231 font-family: 'Open Sans'
222 232 .title
223 233 font-family: 'Open Sans Bold'
  234 + &.toobig::after
  235 + background: none
  236 + color: #FFF
224 237 a
225 238 padding: 5px 0
226 239 &:hover
... ... @@ -249,7 +262,7 @@
249 262 font-family: 'Open Sans Bold'
250 263 font-size: 24px
251 264 font-variant: normal
252   - margin-bottom: 0px
  265 + margin-bottom: 8px
253 266 a
254 267 color: #FFF
255 268 text-decoration: none
... ...