diff --git a/_globalheader.sass b/_globalheader.sass new file mode 100644 index 0000000..117ff62 --- /dev/null +++ b/_globalheader.sass @@ -0,0 +1,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: nonei + 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: -2px + 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: -2px + 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: 30px 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: 30px 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: 13em + 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 diff --git a/global_header.html.erb b/global_header.html.erb new file mode 100644 index 0000000..0ec0495 --- /dev/null +++ b/global_header.html.erb @@ -0,0 +1,91 @@ + + + +
+ +
diff --git a/header.html.erb b/header.html.erb deleted file mode 100644 index 45843d4..0000000 --- a/header.html.erb +++ /dev/null @@ -1,101 +0,0 @@ -
- Portal do Governo Brasileiro -
- - -
- -
- -
- - - -
- <%= theme_include 'categories' %> -
-
- Português - English -
-
-- libgit2 0.21.2