_globalheader.sass 5.09 KB
#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