Merge Request #1

Merged
noosfero-themes/maranhao!1
Created by Melissa Wen

Homepage

Homepage implementation to Participa.Ma theme

Assignee: Leandro Santos
Milestone: None

Merged by Leandro Santos

Commits (1)
2 participants
Showing 212 changed files   Show diff stats

Too many changes.

To preserve performance only 100 of 212 files displayed.

_footer.sass 0 → 100644
@@ -0,0 +1,123 @@ @@ -0,0 +1,123 @@
  1 +#footer-content
  2 + font-family: 'Open Sans'
  3 + font-size: 12px
  4 + margin: 0 auto
  5 + position: relative
  6 + text-align: left
  7 + width: 980px
  8 + div
  9 + display: table-cell
  10 + .institucional
  11 + padding: 30px 0
  12 + .logo-sistema
  13 + background: url('images/logo-sistema.png') 0 0 no-repeat
  14 + display: block
  15 + height: 33px
  16 + margin: 0
  17 + overflow: hidden
  18 + text-indent: -9999px
  19 + width: 100%
  20 + .address
  21 + clear: both
  22 + color: #282828
  23 + display: block
  24 + font-size: 11px
  25 + font-style: normal
  26 + width: 100%
  27 + .coordenacao
  28 + width: 250px
  29 + span
  30 + color: #282828
  31 + display: block
  32 + padding: 0 0 0 40px
  33 + ul
  34 + list-style: none
  35 + padding: 0
  36 + margin: 0
  37 + li
  38 + margin: 0
  39 + .logo-secretaria
  40 + background: url('images/logo-secretaria.png') 0 0 no-repeat
  41 + display: block
  42 + float: right
  43 + height: 65px
  44 + margin: 0
  45 + overflow: hidden
  46 + text-indent: -9999px
  47 + width: 262px
  48 + .parcerias
  49 + width: 435px
  50 + span
  51 + color: #282828
  52 + display: block
  53 + padding: 0 0 0 40px
  54 + ul
  55 + list-style: none
  56 + margin: 0
  57 + padding: 0
  58 + li
  59 + margin: 0
  60 + .logo-seplan
  61 + background: url('images/logo-seplan.png') 0 0 no-repeat
  62 + display: block
  63 + float: left
  64 + height: 65px
  65 + margin: 0 50px 0 0
  66 + overflow: hidden
  67 + text-indent: -9999px
  68 + width: 229px
  69 + .logo-brasil
  70 + background: url('images/logo-brasil.png') 0 0 no-repeat
  71 + display: block
  72 + float: left
  73 + height: 49px
  74 + margin: 10px 0 0
  75 + overflow: hidden
  76 + text-indent: -9999px
  77 + width: 153px
  78 +
  79 +#second-footer
  80 + background: #FFF
  81 + height: 85px
  82 + font-family: 'Open Sans'
  83 + .links-uteis
  84 + margin: auto
  85 + padding: 15px
  86 + width: 980px
  87 + span
  88 + border-right: 1px solid #eee
  89 + color: #000
  90 + display: block
  91 + float: left
  92 + font-family: 'Open Sans'
  93 + font-size: 12px
  94 + margin: 10px 100px 0 0
  95 + padding: 10px 0
  96 + width: 84px
  97 + .logo-transparencia
  98 + background: url('images/logo-transparencia.png') center center no-repeat
  99 + display: block
  100 + float: left
  101 + height: 62px
  102 + margin: 0
  103 + overflow: hidden
  104 + text-indent: -9999px
  105 + width: 199px
  106 + .logo-acesso-a-informacao
  107 + background: url('images/logo-acesso-a-informacao.png') center center no-repeat
  108 + display: block
  109 + float: left
  110 + height: 62px
  111 + margin: 0 0 0 130px
  112 + overflow: hidden
  113 + text-indent: -9999px
  114 + width: 192px
  115 + .logo-biblioteca
  116 + background: url('images/logo-biblioteca.png') center center no-repeat
  117 + display: block
  118 + float: left
  119 + height: 62px
  120 + margin: 0 0 0 130px
  121 + overflow: hidden
  122 + text-indent: -9999px
  123 + width: 135px
_header.sass 0 → 100644
@@ -0,0 +1,262 @@ @@ -0,0 +1,262 @@
  1 +#header
  2 + padding: 5px
  3 +
  4 +.header-content
  5 + background: #F6F6F6 url('images/faixa_header_internal.png') center center repeat-x
  6 + height: 227px
  7 + .action-home-index &
  8 + background: #F6F6F6 url('images/banner_header.jpg') center center repeat-x
  9 + height: 480px
  10 +
  11 +.header-content
  12 + #header
  13 + #participa-ma-header
  14 + margin: 0 auto
  15 + max-width: 960px
  16 +
  17 +.header-content
  18 + #header
  19 + #accessibility
  20 + float: left
  21 + font-family: arial
  22 + font-size: 10px
  23 + margin: 5px 0 15px
  24 + padding: 0
  25 + width: 400px
  26 + li
  27 + display: inline
  28 + a
  29 + color: #000
  30 + margin-right: 8px
  31 + text-decoration: none
  32 + span
  33 + background: none repeat scroll 0 0 #2c66ce
  34 + color: #FFFFFF
  35 + padding: 0 3px
  36 + #portal-siteactions
  37 + float: right
  38 + font-size: 10px
  39 + margin: 5px 0px 15px 0
  40 + padding: 0
  41 + text-align: right
  42 + width: 50%
  43 + li
  44 + display: inline
  45 + margin-left: 10px
  46 + a
  47 + border-bottom: 1px dotted #00500f
  48 + color: #00500f
  49 + font-family: 'Open Sans', Arial, Helvetica, sans-serif
  50 + padding: 0
  51 + text-decoration: none
  52 + text-transform: uppercase
  53 + &:hover
  54 + border-bottom: 1px dotted #b62221
  55 + color: #b62221
  56 + #user
  57 + float: right
  58 + margin: 0
  59 + position: relative
  60 + right: 0
  61 + .welcome
  62 + display: none
  63 + #top-search
  64 + display: none
  65 + .or
  66 + display: none
  67 + a
  68 + border-left: 1px solid #000
  69 + margin: 0
  70 + padding: 0 10px
  71 + text-decoration: none
  72 + &#pending-tasks-count
  73 + margin: 0
  74 + i
  75 + display: none
  76 + strong
  77 + color: #FFF
  78 + font-family: 'Open Sans'
  79 + font-size: 12px
  80 + font-weight: 300
  81 + &:hover
  82 + color: #b62221
  83 + #logo
  84 + float: left
  85 + padding: 0
  86 + width: 30%
  87 + a
  88 + display: block
  89 + width: 276px
  90 + #portal-title
  91 + background-image: url("images/logo_participama.png")
  92 + background-repeat: no-repeat
  93 + background-size: 276px
  94 + display: block
  95 + height: 83px
  96 + width: 276px
  97 + margin: 5px 0
  98 + #sobre
  99 + clear: right
  100 + float: right
  101 + margin: 10px 0 5px
  102 + ul
  103 + list-style: none
  104 + margin: 0
  105 + padding: 0
  106 + li
  107 + border-right: 1px solid #000
  108 + display: inline
  109 + &:last-child
  110 + border: none
  111 + a
  112 + color: #fff
  113 + font-family: 'Open Sans'
  114 + font-size: 12px
  115 + padding: 0 10px
  116 + text-decoration: none
  117 + &:hover
  118 + color: #b62221
  119 + #principios-referencias
  120 + float: right
  121 + margin: 10px 0 5px
  122 + padding: 0
  123 + text-align: right
  124 + width: 400px
  125 + ul
  126 + list-style: none
  127 + margin: 0
  128 + padding: 0
  129 + li
  130 + border: 1px solid #FFF
  131 + +border-radius(5px)
  132 + display: inline-block
  133 + margin-right: 5px
  134 + padding: 5px
  135 + &:hover
  136 + background: #FFF
  137 + a
  138 + text-decoration: none
  139 + span
  140 + color: #000
  141 + font-family: 'Open Sans'
  142 + font-size: 12px
  143 + padding: 0 5px
  144 + text-transform: uppercase
  145 + #portal-searchbox
  146 + clear: right
  147 + float: right
  148 + margin: 10px 0 5px
  149 + +border-radius(0)
  150 + border: none
  151 + background: #fff
  152 + padding: 2px
  153 + text-align: right
  154 + width: 200px
  155 + .searchField
  156 + border-right: none
  157 + border: none
  158 + padding: 0.45em
  159 + width: 171px
  160 + form
  161 + white-space: nowrap
  162 + label
  163 + font-weight: normal
  164 + #searchGadget
  165 + width: 13em
  166 + input.searchButton
  167 + background-image: url("images/search-button.gif")
  168 + background-position: 6px 0px
  169 + background-repeat: no-repeat
  170 + background-color: transparent
  171 + border: none
  172 + cursor: pointer
  173 + padding: 4px 15px
  174 + text-indent: -2000px
  175 + &:hover
  176 + opacity: 1.0
  177 + #social-icons
  178 + float: right
  179 + clear: right
  180 + margin: 10px 0 0
  181 + ul
  182 + display: table-row
  183 + padding: 0
  184 + list-style: none
  185 + li
  186 + float: right
  187 + width: 25px
  188 + a
  189 + background-repeat: no-repeat
  190 + border: none
  191 + height: 20px
  192 + opacity: .85
  193 + padding: 0px
  194 + display: inline-block
  195 + width: 25px
  196 + span
  197 + display: none
  198 + #sb_face
  199 + background: url('images/icone-branco-facebook.png') left top no-repeat
  200 + &:hover, &:focus
  201 + background: url('images/icone-branco-facebook.png') left bottom no-repeat
  202 + #sb_youtb
  203 + background: url('images/icone-branco-youtube.png') left top no-repeat
  204 + &:hover, &:focus
  205 + background: url('images/icone-branco-youtube.png') left bottom no-repeat
  206 + #top-menu
  207 + float: left
  208 + margin: 0px auto auto
  209 + width: 100%
  210 + ul
  211 + list-style: none
  212 + padding: 0
  213 + li
  214 + display: inline
  215 + a
  216 + color: #FFF
  217 + float: left
  218 + font-family: 'Open Sans Bold'
  219 + font-size: 12px
  220 + padding: 15px 28px
  221 + text-decoration: none
  222 + text-transform: uppercase
  223 + &:hover
  224 + background-color: #b62221
  225 + .link-sobre
  226 + background-color: #0083cb
  227 + .link-participacao
  228 + background-color: #088ed7
  229 + .link-eixos
  230 + background-color: #1197e1
  231 + .link-sistema
  232 + background-color: #1aa2ec
  233 + #votacao
  234 + display: none
  235 + float: right
  236 + height: 200px
  237 + margin-top: 40px
  238 + width: 315px
  239 + .action-home-index &
  240 + display: block
  241 + .title
  242 + display: table
  243 + font-family: 'Open Sans Bold'
  244 + font-size: 40px
  245 + line-height: 40px
  246 + text-transform: uppercase
  247 + .date
  248 + display: table
  249 + font-family: 'Open Sans Light'
  250 + font-size: 40px
  251 + a
  252 + color: #FFF
  253 + background-color: #89ba3f
  254 + +border-radius(5px)
  255 + font-family: 'Open Sans Extrabold'
  256 + font-size: 18px
  257 + display: table
  258 + margin-top: 15px
  259 + padding: 15px 25px
  260 + text-decoration: none
  261 + &:hover
  262 + background-color: #b62221
_home_page.sass 0 → 100644
@@ -0,0 +1,279 @@ @@ -0,0 +1,279 @@
  1 +.highlights-block
  2 + height: 380px
  3 + margin: 15px auto 10px auto
  4 + width: 980px
  5 + .block-title
  6 + border: none
  7 + color: #0083cb
  8 + font-family: 'Open Sans Bold'
  9 + font-size: 24px
  10 + font-variant: normal
  11 + margin-bottom: 20px
  12 + .highlights-container
  13 + border: none
  14 + height: 325px !important
  15 + width: 100% !important
  16 + .highlights-image-link
  17 + background-color: #0083cb !important
  18 + height: 325px !important
  19 + img
  20 + height: 100%
  21 + left: 0
  22 + min-width: 60%
  23 + position: absolute
  24 + .highlights-label
  25 + background: #0083cb
  26 + font-family: 'Open Sans'
  27 + font-weight: bold
  28 + font-size: 15px
  29 + height: 225px
  30 + left: 60%
  31 + padding: 0px 50px
  32 + position: absolute
  33 + top: 40%
  34 + width: 331px
  35 + .highlights-block-pager
  36 + bottom: 30px
  37 + position: absolute
  38 + right: 30px
  39 + z-index: 10
  40 + a
  41 + background: rgba(0,0,0,0.1)
  42 + color: transparent
  43 + display: inline-block
  44 + height: 16px
  45 + width: 16px
  46 + &.activeSlide
  47 + background: rgba(0,0,0,0.3)
  48 + &:hover
  49 + border-color: #d0e9e2
  50 +
  51 +.main-block
  52 + margin-bottom: 0px
  53 +
  54 +.main-content
  55 + border: none
  56 + box-shadow: none
  57 + font-family: 'Open Sans'
  58 + padding: 10px 0
  59 + h1
  60 + border: none
  61 + color: #89ba3f
  62 + font-family: 'Open Sans Bold'
  63 + font-size: 24px
  64 + font-variant: normal
  65 + margin-bottom: 20px
  66 + padding: 0
  67 + #portal-news
  68 + display: none
  69 +
  70 +#highlighted-news
  71 + border: none
  72 + display: block
  73 + height: 265px
  74 + > .highlighted-news-item
  75 + background: #FFF url('images/tinta_noticia1.png') center bottom no-repeat
  76 + border: none
  77 + float: left
  78 + margin-right: 75px
  79 + max-height: 260px
  80 + padding: 0
  81 + width: 275px
  82 + &.post-2
  83 + background: #FFF url('images/tinta_noticia2.png') center bottom no-repeat
  84 + &.post-3
  85 + background: #FFF url('images/tinta_noticia3.png') center bottom no-repeat
  86 + margin-right: 0
  87 + > .highlighted-news-item
  88 + border: none
  89 + padding: 0
  90 + .news-pic
  91 + background-size: 100%
  92 + display: block
  93 + height: 130px
  94 + margin-bottom: 20px
  95 + h2
  96 + margin-bottom: 30px
  97 + margin-top: 5px
  98 + max-height: 62px
  99 + overflow: hidden
  100 + padding: 0 20px
  101 + .post-title
  102 + color: #89ba3f
  103 + font-family: 'Open Sans'
  104 + font-size: 16px
  105 + font-variant: normal
  106 + .post-date
  107 + padding: 0 20px
  108 + .highlighted-news-read-more
  109 + display: none
  110 +
  111 +.communities-block
  112 + .block-title
  113 + border: none
  114 + color: #B21B1A
  115 + font-family: 'Open Sans Bold'
  116 + font-size: 24px
  117 + font-variant: normal
  118 + margin-bottom: 20px
  119 + .common-profile-list-block
  120 + font-family: 'Open Sans'
  121 + font-weight: bold
  122 + &:last-child .vcard
  123 + margin-right: 0 !important
  124 + .vcard
  125 + background: #FFF url('images/tinta-comunidade1.png') left bottom no-repeat
  126 + border-radius: 0px
  127 + border: none
  128 + height: 230px
  129 + margin: 0 6px !important
  130 + width: 235px
  131 + &:hover
  132 + border: none
  133 + .menu-submenu-trigger
  134 + display: none
  135 + .profile_link
  136 + height: 230px
  137 + margin: 0
  138 + max-height: 230px
  139 + padding: 0
  140 + width: 235px
  141 + .profile-image
  142 + background: #FFF
  143 + height: 100px
  144 + overflow: hidden
  145 + width: 235px
  146 + img
  147 + max-width: 235px
  148 + max-height: 100px
  149 + .org
  150 + color: #B21B1A
  151 + height: 100px
  152 + font-size: 16px
  153 + margin: 0px
  154 + padding: 15px
  155 + width: 205px
  156 + .block-footer-content
  157 + float: right
  158 + height: auto
  159 + text-align: center
  160 + a
  161 + color: #B21B1A
  162 + display: block
  163 + font-family: 'Open Sans Bold'
  164 + font-size: 14px
  165 + text-decoration: none
  166 + padding-top: 10px
  167 +
  168 +.display-content-block
  169 + margin-bottom: 27px
  170 + .block-title
  171 + border: none
  172 + color: #000
  173 + font-family: 'Open Sans Bold'
  174 + font-size: 24px
  175 + font-variant: normal
  176 + margin-bottom: 20px
  177 + li
  178 + background: #FFF url('images/tinta-consultaspublicas1.png') left bottom no-repeat
  179 + display: inline-block
  180 + margin: 0 6px 0 3px
  181 + padding: 20px
  182 + width: 195px
  183 + &:last-child
  184 + margin-right: 0
  185 + .title
  186 + height: 45px
  187 + overflow: hidden
  188 + a
  189 + color: #000
  190 + font-family: 'Open Sans'
  191 + font-weight: bold
  192 + font-size: 16px
  193 + text-decoration: none
  194 + .published-at
  195 + color: #aaa
  196 + .lead
  197 + height: 97px
  198 + overflow: hidden
  199 + word-break: break-word
  200 + .read_more
  201 + text-align: right
  202 + padding-top: 10px
  203 + a
  204 + color: #aaa
  205 + text-decoration: none
  206 +
  207 +.event-plugin_event-block
  208 + margin-right: 130px
  209 + .block-title
  210 + border: none
  211 + color: #FFF
  212 + font-family: 'Open Sans Bold'
  213 + font-size: 24px
  214 + font-variant: normal
  215 + margin-bottom: 20px
  216 + .events
  217 + border-bottom: 1px solid #B21B1A
  218 + li
  219 + border-top: 1px solid #B21B1A
  220 + color: #FFF
  221 + font-family: 'Open Sans'
  222 + .title
  223 + font-family: 'Open Sans Bold'
  224 + a
  225 + padding: 5px 0
  226 + &:hover
  227 + background: rgba(255, 255, 255, 0.1)
  228 + .month
  229 + background: #B21B1A
  230 + font-family: 'Open Sans Bold'
  231 + font-size: 14px
  232 + text-shadow: none
  233 + .day
  234 + background: #FFF
  235 + border: none
  236 + font-family: 'Open Sans Bold'
  237 + font-size: 30px
  238 + line-height: normal
  239 + .days-left
  240 + display: none
  241 +
  242 +.container-block-plugin_container-block
  243 + margin: 140px 0 30px 0
  244 + .display-content-block
  245 + margin: 0
  246 + .block-title
  247 + border: none
  248 + color: #FFF
  249 + font-family: 'Open Sans Bold'
  250 + font-size: 24px
  251 + font-variant: normal
  252 + margin-bottom: 0px
  253 + a
  254 + color: #FFF
  255 + text-decoration: none
  256 + ul
  257 + margin: 0
  258 + li
  259 + background: none
  260 + display: block
  261 + padding: 0
  262 + width: 100%
  263 + .lead
  264 + height: auto
  265 + .read_more
  266 + display: none
  267 + .title
  268 + height: auto
  269 + overflow: visible
  270 + a
  271 + border: none
  272 + color: #FFF
  273 + font-family: 'Open Sans'
  274 + font-size: 18px
  275 + font-variant: normal
  276 + font-weight: 700
  277 + text-decoration: none
  278 + iframe
  279 + height: 240px
@@ -1 +0,0 @@ @@ -1 +0,0 @@
1 -Test file  
cabecalho-amarelo-theme.css
@@ -1,539 +0,0 @@ @@ -1,539 +0,0 @@
1 -/*(amarelo-claro=#fcdd4e)*/  
2 -/*(amarelo-escuro=#f9c404)*/  
3 -/****************** cabecalho ******************/  
4 -  
5 -#theme-header{}  
6 -  
7 -#header {  
8 - padding: 13px 0 0 0;  
9 -background-color: #fcdd4e;/*(amarelo-claro)*/  
10 - /* Old browsers */  
11 - background-color: #f9c404; /*(amarelo-escuro)*/  
12 - background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/  
13 - /* FF3.6+ */  
14 - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));  
15 - /* Chrome,Safari4+ */  
16 - background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);  
17 - /* Chrome10+,Safari5.1+ */  
18 - background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);  
19 - /* Opera 12+ */  
20 - background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);  
21 - /* IE10+ */  
22 - background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%);  
23 - /* W3C */  
24 -/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/  
25 - /* IE6-9 fallback on horizontal gradient */  
26 - color: #fff;  
27 -}  
28 -  
29 -#header>div {  
30 - max-width: 960px;  
31 - margin: 0 auto;  
32 -}  
33 -  
34 -.header-content * {  
35 - margin: 0;  
36 - padding: 0;  
37 - list-style: none;  
38 - vertical-align: baseline;  
39 -}  
40 -.header-content li { display: inline; }  
41 -  
42 -#brasilgov {  
43 - background: #00510f;  
44 - border-bottom: 1px solid #ffcc00;  
45 - padding: 5px 10px;  
46 - color: #03316f;  
47 -}  
48 -  
49 -#accessibility {  
50 - display: block !important;  
51 - float: left;  
52 - font-family: arial;  
53 - font-size: 10px;  
54 - width: 50%;  
55 -}  
56 -  
57 -#accessibility a {  
58 - color: #00500f;  
59 - margin-right: 8px;  
60 -}  
61 -  
62 -#accessibility span {  
63 - background: none repeat scroll 0 0 #497B16;  
64 - color: #FFFFFF;  
65 - padding: 0 4px;  
66 -}  
67 -  
68 -  
69 -  
70 -/* logo */  
71 -#logo {  
72 - padding: 0;  
73 - float: left;  
74 - width: 70%;  
75 -}  
76 -  
77 -#logo span {  
78 - display: block;  
79 -}  
80 -  
81 -#logo a {  
82 - display: block;  
83 - width: 100%;  
84 - color: #03316f !important;  
85 - margin: 1em 0px;  
86 -}  
87 -  
88 -#logo a, #logo #portal-title {  
89 - color: #03316f;  
90 -}  
91 -  
92 -#logo #portal-title {  
93 - margin: 30px 0px 46px 0px;  
94 - color: #03316f;  
95 - font-size: 40px;  
96 - font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;  
97 - font-weight: normal;  
98 - line-height: 1em;  
99 - letter-spacing: -0.05em;  
100 -}  
101 -  
102 -#logo .luongo {  
103 - font-size: 3em !important;  
104 - line-height: 1.1em;  
105 - margin-bottom: 0.2em;  
106 -}  
107 -  
108 -#logo #portal-description {  
109 - font-size: 1.2em;  
110 - text-transform: uppercase;  
111 -}  
112 -  
113 -/* Site Actions */  
114 -#portal-siteactions {  
115 - display: block;  
116 - float: right;  
117 - clear: left;  
118 - border-bottom: 1px dotted #00500f;  
119 - padding-bottom: 2px;  
120 - margin-top: -15px;  
121 - font-size: 10px;  
122 - text-align: center;  
123 -}  
124 -  
125 -#portal-siteactions a {  
126 - color: #00500f;  
127 - text-decoration: none;  
128 - padding: 4px 0 4px 10px;  
129 - text-transform: uppercase;  
130 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
131 -}  
132 -  
133 -#portal-siteactions a:hover {  
134 - color: #03316f;  
135 -}  
136 -  
137 -#portal-siteactions li {  
138 - display: inline;  
139 -}  
140 -  
141 -#portal-siteactions li a:hover {  
142 -color: #75ad0a  
143 -}  
144 -#portal-siteactions li a {  
145 - padding: 4px 0px;  
146 -}  
147 -  
148 -#social-icons {  
149 - float: right;  
150 - clear: right;  
151 - margin: 0px;  
152 -}  
153 -  
154 -#social-icons ul {  
155 - display: table-row;  
156 -}  
157 -  
158 -#social-icons li {  
159 - display: table-cell;  
160 -}  
161 -  
162 -#social-icons li a {  
163 - border: none;  
164 - padding: 0 5px;  
165 -}  
166 -  
167 -#siteaction-accessibility,  
168 -#siteaction-contraste {  
169 - margin: 0px 15px 0px 0px;  
170 -}  
171 -/* */  
172 -  
173 -/* Top links */  
174 -#theme-header .header-content #link-faq a {  
175 - border-right: 1px solid #00500f;  
176 - padding: 0 10px;  
177 -}  
178 -#theme-header .header-content #link-contact a {  
179 - padding-left: 10px;  
180 -}  
181 -  
182 -#theme-header #sobre {  
183 - line-height: 20px;  
184 - font-size: 12px;  
185 -}  
186 -/* */  
187 -  
188 -/* Sobre o brasil */  
189 -#sobre {  
190 - clear: both;  
191 - max-width: 100% !important;  
192 - margin: 0;  
193 - background: #f8c300;/*amarelo-mais-escuro*/  
194 - padding: 5px 0;  
195 -}  
196 -  
197 -#sobre ul {  
198 - max-width: 960px;  
199 - margin: 0 auto;  
200 - text-align: right;  
201 -}  
202 -  
203 -#sobre a {  
204 - color: #00500f;  
205 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
206 -}  
207 -  
208 -#sobre .portalservicos-item a {  
209 - padding: 0 10px;  
210 - border-right: 1px solid #03316f;  
211 -}  
212 -  
213 -#sobre .last-item a {  
214 - padding: 0 0 0 10px;  
215 - border-right: none;  
216 -}  
217 -  
218 -/* Searchbox */  
219 -.LSBox {  
220 - margin: 0;  
221 - padding: 0;  
222 - border: none;  
223 -}  
224 -  
225 -input.searchField {  
226 - -moz-appearance: none;  
227 -}  
228 -  
229 -#portal-searchbox {  
230 - clear: right;  
231 - float: right;  
232 - font-size: 80%;  
233 - margin: 30px 0 14px;  
234 - /*margin: 3.12em 0px 3px 0px;*/  
235 - text-align: right;  
236 - border-radius: 5px;  
237 - -moz-border-radius: 5px;  
238 - -webkit-border-radius: 5px;  
239 - border: 1px solid #CCCCCC;  
240 - background: #fff;  
241 - padding: 2px;  
242 -}  
243 -  
244 -#portal-searchbox .searchField {  
245 - padding: 0.45em;  
246 - border-right: none;  
247 - border: none;  
248 - width: 170px;  
249 -}  
250 -  
251 -#portal-searchbox form {  
252 -white-space: nowrap;  
253 -}  
254 -  
255 -#portal-searchbox label {  
256 -font-weight: normal;  
257 -}  
258 -  
259 -#searchGadget {  
260 -width: 13em;  
261 -}  
262 -  
263 -#header input.searchButton {  
264 - padding: 0.3em;  
265 - background: transparent;  
266 - text-indent: -2000px;  
267 - padding: 4px 15px;  
268 - border: none;  
269 -}  
270 -  
271 -#content input.searchField {  
272 -margin-bottom: 1em;  
273 -}  
274 -input.searchField {  
275 --moz-appearance: searchfield;  
276 -}  
277 -  
278 -#header input.searchButton {  
279 - background-image: url("images/search-button.gif");  
280 - background-position: 8px 2px;  
281 - background-repeat: no-repeat;  
282 - background-color: #ffffff;  
283 -}  
284 -  
285 -#LSResult {  
286 - z-index: 1;  
287 - margin-top: 0.5%;  
288 -}  
289 -  
290 -  
291 -/* Search Button */  
292 -#search-button a {  
293 - display: inline-block;  
294 - width: 29px;  
295 - height: 25px;  
296 - margin-right: 3px;  
297 - margin-top: 10px;  
298 -}  
299 -  
300 -#search-button a:hover {  
301 - opacity: 0.6;  
302 -}  
303 -  
304 -#search-button #sb_search {  
305 -background-image: url(images/search.png);  
306 -background-size: 100% 100%;  
307 -}  
308 -  
309 -#search-button span { display: none; }  
310 -  
311 -  
312 -/* */  
313 -  
314 -/* Social Buttons */  
315 -#social-buttons a {  
316 - width: 18px;  
317 - height: 20px;  
318 - margin-right: 3px;  
319 - margin-top: 10px;  
320 -}  
321 -  
322 -#social-icons li a {  
323 - width: 20px;  
324 - height: 20px;  
325 - padding: 0px;  
326 - display: inline-block;  
327 - background-repeat: no-repeat;  
328 -}  
329 -  
330 -#social-icons li {  
331 - float: right;  
332 - width: 20px;  
333 - margin-left: 4px;  
334 -}  
335 -  
336 -#social-icons #sb_face {  
337 -background-image: url(images/icone-verde-facebook.png);  
338 -}  
339 -#social-icons #sb_face:hover {  
340 -background: url(images/icone-verde-facebook.png) 0 20px;  
341 -}  
342 -  
343 -#social-icons #sb_tweet {  
344 -background-image: url(images/icone-verde-twitter.png);  
345 -}  
346 -#social-icons #sb_tweet:hover {  
347 -background: url(images/icone-verde-twitter.png) 0 20px;  
348 -}  
349 -  
350 -#social-icons #sb_youtb {  
351 -background-image: url(images/icone-verde-youtube.png);  
352 -}  
353 -#social-icons #sb_youtb:hover {  
354 -background: url(images/icone-verde-youtube.png) 0 20px;  
355 -}  
356 -  
357 -#social-icons #sb_flickr {  
358 -background-image: url(images/icone-verde-flickr.png);  
359 -}  
360 -#social-icons #sb_flickr:hover {  
361 -background: url(images/icone-verde-flickr.png) 0 20px;  
362 -}  
363 -  
364 -#social-icons span { display: none; }  
365 -  
366 -/* FIM social Buttons */  
367 -  
368 -/****************** FIM cabecalho ******************/  
369 -  
370 -/************* Bar Psocial Style - Menu Horizontal**************/  
371 -#user{  
372 - padding: 0px 2em;  
373 - top: -30px;  
374 - font-size: 12px;  
375 - right: 4em;  
376 -}  
377 -  
378 -.logged-in #user{  
379 - top: -40px;  
380 -}  
381 -  
382 -#user form {  
383 - display:none;  
384 -}  
385 -  
386 -#user .logged-in {  
387 - visibility: hidden;  
388 - display: block;  
389 - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;  
390 - display: block;  
391 - padding: 1em 0;  
392 - text-align: left;  
393 - width: 130px;  
394 - border-radius: 10px  
395 -}  
396 -  
397 -#user .logged-in:hover {  
398 - visibility: visible;  
399 -}  
400 -#user .logged-in a#homepage-link {  
401 - display: block;  
402 - visibility: visible;  
403 -}  
404 -  
405 -#user .logged-in span {display: none;}  
406 -  
407 -#user .logged-in a {  
408 - display: block;  
409 - margin-bottom: 10px;  
410 -}  
411 -  
412 -#user .logged-in #pending-tasks-count {  
413 - display: inline-block;  
414 - left: 0;  
415 - position: absolute;  
416 - top: 10px;  
417 - visibility: visible;  
418 -}  
419 -  
420 -#barra-psocial {  
421 - position: relative;  
422 - height: 40px;  
423 - margin: auto;  
424 - background: url(images/barra-psocial-bg.png) repeat-x;  
425 -}  
426 -  
427 -#barra-psocial li {  
428 - float: left;  
429 -}  
430 -  
431 -#assets-menu {  
432 - background: #E8E8E8;  
433 - top: 35px;  
434 - left: 80px;  
435 - min-width: 132px;  
436 -}  
437 -  
438 -#assets-menu a {  
439 - border: 1px solid #E8E8E8;  
440 -}  
441 -  
442 -#categories_menu {  
443 - /*max-width: 960px;*/  
444 - padding: 0 1em;  
445 - margin: auto;  
446 -}  
447 -  
448 -#custom-menu {  
449 - background: url(images/marca-participacao-social.png) no-repeat center left;  
450 - height: 40px;  
451 - padding-left: 60px;  
452 -}  
453 -  
454 -#cat_menu li {  
455 - list-style: none;  
456 - font-size: 12px;  
457 - font-weight: bold;  
458 - padding: 0px 20px;  
459 - height: 100%;  
460 - text-transform: uppercase;  
461 -}  
462 -  
463 -#cat_menu li:hover {  
464 - background-color: #E1E4E4;  
465 -}  
466 -  
467 -#cat_menu li a {  
468 - line-height: 40px;  
469 - width: 100%;  
470 - height: 100%;  
471 - display: block;  
472 -}  
473 -/************* FIM Bar Psocial Style - Menu Horizontal**************/  
474 -  
475 -  
476 -/******************Footer - Rodapé**********************************/  
477 -#theme-footer {  
478 - width: 100%;  
479 -}  
480 -  
481 -#footer-content {  
482 - background: #fff;  
483 -}  
484 -  
485 -#footer-logos {  
486 - background: #F28F00;  
487 - max-width: 100%;  
488 - padding: 2em 0;  
489 - height: 49px;  
490 -}  
491 -  
492 -#footer-logos div {  
493 - max-width: 960px;  
494 - margin: 0 auto;  
495 -}  
496 -  
497 -#footer-logos a {  
498 - display: block;  
499 - height: 49px;  
500 - float: left;  
501 -}  
502 -  
503 -#footer-logos span {  
504 - display: none;  
505 -}  
506 -  
507 -#footer-logos .logo-acesso {  
508 - background: transparent url(images/acesso-a-informacao.png) center center no-repeat;  
509 - width: 107px;  
510 -}  
511 -  
512 -#footer-logos .logo-brasil {  
513 - background: transparent url(images/brasil.png) center center no-repeat;  
514 - width: 153px;  
515 -}  
516 -  
517 -#footer-logos .logo-sgpr {  
518 - background: transparent url(images/sgpr.png) center center no-repeat;  
519 - width: 187px;  
520 - margin-right: 30px;  
521 -}  
522 -  
523 -#footer-logos .institucionais {  
524 - float: right;  
525 -}  
526 -  
527 -#footer-license {  
528 - max-width: 960px;  
529 - margin: 0 auto;  
530 - text-align: left;  
531 - padding: 19px;  
532 -}  
533 -  
534 -#footer-license p {  
535 - color: #F28F00;  
536 - text-align: left;  
537 -}  
538 -  
539 -  
cabecalho-azul-theme.css
@@ -1,741 +0,0 @@ @@ -1,741 +0,0 @@
1 -/*(amarelo-claro=#0C96D4)*/  
2 -/*(amarelo-escuro=#096A95)*/  
3 -/****************** cabecalho ******************/  
4 -  
5 -  
6 -#theme-header {  
7 - background: url('images/header-bg.jpg') center 0 no-repeat;  
8 -}  
9 -  
10 -#header {  
11 - height: 465px;  
12 - padding: 15px 0 0 0;  
13 - color: #fff !important;  
14 - background: url('images/header-border.png') center 0 repeat-x;  
15 - -webkit-background-size: 100% auto;  
16 - background-size: 100% auto;  
17 -}  
18 -  
19 -#header>div {  
20 - max-width: 1024px;  
21 - margin: 0 auto;  
22 -}  
23 -  
24 -.header-content * {  
25 - margin: 0;  
26 - padding: 0;  
27 - list-style: none;  
28 - vertical-align: baseline;  
29 -}  
30 -.header-content li { display: inline; }  
31 -  
32 -#brasilgov {  
33 - background: #00510f;  
34 - border-bottom: 1px solid #ffcc00;  
35 - padding: 5px 10px;  
36 - color: #03316f;  
37 -}  
38 -  
39 -#accessibility {  
40 - display: block !important;  
41 - float: left;  
42 - font-family: arial;  
43 - font-size: 10px;  
44 - width: 50%;  
45 -}  
46 -  
47 -  
48 -#accessibility a {  
49 - color: #444; /* #00500f; */  
50 - margin-right: 8px;  
51 -}  
52 -  
53 -#accessibility span {  
54 - background: none repeat scroll 0 0 #36BBF3;  
55 - color: #FFFFFF;  
56 - padding: 0 4px;  
57 -}  
58 -#accessibility a:hover {  
59 - color: #b62221;  
60 -}  
61 -  
62 -#votacao {  
63 - float: right;  
64 - display: block;  
65 - width: 260px;  
66 - padding: 20px 40px 0 0;  
67 - line-height: 44px;  
68 -}  
69 -#votacao span {  
70 - font-family: 'Open Sans Bold';  
71 - color: #000;  
72 - font-size: 40px;  
73 -}  
74 -#votacao span strong {  
75 - font-weight: normal;  
76 - font-family: 'Open Sans Light';  
77 -}  
78 -#votacao .bt-conferencia {  
79 - display: block;  
80 - width: 165px;  
81 - height: 57px;  
82 - margin: 20px 0 0;  
83 - line-height: 57px;  
84 - border-radius: 5px;  
85 - -moz-border-radius: 5px;  
86 - -webkit-border-radius: 5px;  
87 - color: #fff;  
88 - text-align: center;  
89 - font-family: 'Open Sans Bold';  
90 - font-weight: bold;  
91 - font-size: 18px;  
92 - background: #89ba3f;  
93 -}  
94 -#votacao .bt-conferencia:hover {  
95 - background: #b62221;  
96 -}  
97 -  
98 -#menu {  
99 - clear: both;  
100 - width: 100%;  
101 - padding: 10px 0 0 0;  
102 -}  
103 -#menu ul {  
104 - display: block;  
105 - height: 50px;  
106 - margin: 0;  
107 -}  
108 -#menu li {}  
109 -#menu li a {  
110 - float: left;  
111 - display: block;  
112 - width: 21%;  
113 - padding: 15px 0;  
114 - font-family: 'Open Sans Bold';  
115 - font-size: 12px; color: #fff;  
116 - font-weight: normal;  
117 - text-decoration: none;  
118 - text-align: center;  
119 - text-transform: uppercase;  
120 -}  
121 -#menu li:last-child a {  
122 - width: 37%;  
123 -}  
124 -#menu li .link-sobre { background-color: #0083cb; }  
125 -#menu li .link-participacao { background-color: #088ed7; }  
126 -#menu li .link-eixos { background-color: #1197e1; }  
127 -#menu li .link-sistema { background-color: #1aa2ec; }  
128 -#menu li a:hover {  
129 - background-color: #b62221;  
130 -}  
131 -  
132 -/* logo */  
133 -#logo {  
134 - padding: 0;  
135 - float: left;  
136 - width: 30%;  
137 - margin: -30px 0 0;  
138 -}  
139 -  
140 -#logo span {  
141 - display: block;  
142 -}  
143 -  
144 -#logo a {  
145 - display: block;  
146 - width: 100%;  
147 - color: #03316f !important;  
148 - margin: 1em 0px;  
149 -}  
150 -  
151 -#logo a, #logo #portal-title {  
152 - color: #03316f;  
153 -}  
154 -  
155 -#logo #portal-title {  
156 - margin: 30px 0px 46px 0px;  
157 - color: #03316f;  
158 - font-size: 40px;  
159 - font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;  
160 - font-weight: normal;  
161 - line-height: 1em;  
162 - letter-spacing: -0.05em;  
163 -}  
164 -  
165 -#logo .luongo {  
166 - font-size: 3em !important;  
167 - line-height: 1.1em;  
168 - margin-bottom: 0.2em;  
169 -}  
170 -  
171 -#logo #portal-description {  
172 - font-size: 1.2em;  
173 - text-transform: uppercase;  
174 -}  
175 -  
176 -#links {  
177 - float: left;  
178 - padding: 10px 0 0 65px;  
179 -}  
180 -#links ul {}  
181 -#links ul li {}  
182 -#links ul li a {  
183 - float: left;  
184 - display: block;  
185 - height: 23px;  
186 - line-height: 23px;  
187 - padding: 5px 15px;  
188 - margin: 0 5px;  
189 - border: 1px solid #fff;  
190 - border-radius: 5px;  
191 - -moz-border-radius: 5px;  
192 - -webkit-border-radius: 5px;  
193 - text-transform: uppercase;  
194 - color: #444;  
195 -}  
196 -  
197 -#links ul li a:hover {  
198 - background-color: #fff;  
199 -}  
200 -  
201 -/* Site Actions */  
202 -#portal-siteactions {  
203 - display: block;  
204 - float: right;  
205 - clear: left;  
206 - border-bottom: 1px dotted #00500f;  
207 - padding-bottom: 2px;  
208 - margin-top: -15px;  
209 - font-size: 10px;  
210 - text-align: center;  
211 -}  
212 -  
213 -#portal-siteactions a {  
214 - color: #00500f;  
215 - text-decoration: none;  
216 - padding: 4px 0 4px 10px;  
217 - text-transform: uppercase;  
218 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
219 -}  
220 -  
221 -#portal-siteactions a:hover {  
222 - color: #b62221;  
223 -}  
224 -  
225 -#portal-siteactions li {  
226 - display: inline;  
227 -}  
228 -  
229 -#portal-siteactions li a:hover {  
230 -color: #b62221;  
231 -}  
232 -#portal-siteactions li a {  
233 - padding: 4px 0px;  
234 -}  
235 -  
236 -#social-icons {  
237 - float: right;  
238 - clear: right;  
239 - margin: 0px;  
240 -}  
241 -  
242 -#social-icons ul {  
243 - display: table-row;  
244 -}  
245 -  
246 -#social-icons li {  
247 - display: table-cell;  
248 -}  
249 -  
250 -#social-icons li a {  
251 - border: none;  
252 - padding: 0 5px;  
253 -}  
254 -  
255 -#siteaction-accessibility,  
256 -#siteaction-contraste {  
257 - margin: 0px 15px 0px 0px;  
258 -}  
259 -/* */  
260 -  
261 -/* Top links */  
262 -#theme-header .header-content #link-faq a {  
263 - border-right: 1px solid #00500f;  
264 - padding: 0 10px;  
265 -}  
266 -#theme-header .header-content #link-contact a {  
267 - padding-left: 10px;  
268 -}  
269 -#theme-header .header-content #link-contact a:hover,  
270 -#theme-header .header-content #link-faq a:hover {  
271 - color: #b62221;  
272 -}  
273 -  
274 -#theme-header #sobre {  
275 - line-height: 20px;  
276 - font-size: 12px;  
277 -}  
278 -/* */  
279 -  
280 -/* Sobre o brasil */  
281 -#sobre {  
282 - clear: both;  
283 - max-width: 100% !important;  
284 - margin: 0;  
285 - padding: 5px 0;  
286 -}  
287 -  
288 -#sobre ul {  
289 - max-width: 1024px;  
290 - margin: 0 auto;  
291 - text-align: right;  
292 -}  
293 -  
294 -#sobre a {  
295 - color: #FFF; /* #00500f; */  
296 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
297 -}  
298 -  
299 -#sobre .portalservicos-item a {  
300 - padding: 0 10px;  
301 - border-right: 1px solid #03316f;  
302 -}  
303 -  
304 -#sobre .last-item a {  
305 - padding: 0 0 0 10px;  
306 - border-right: none;  
307 -}  
308 -  
309 -/* Searchbox */  
310 -.LSBox {  
311 - margin: 0;  
312 - padding: 0;  
313 - border: none;  
314 -}  
315 -  
316 -input.searchField {  
317 - -moz-appearance: none !important;  
318 -}  
319 -  
320 -#portal-searchbox {  
321 - clear: right;  
322 - float: right;  
323 - font-size: 80%;  
324 - margin: 10px 0 15px;  
325 - text-align: right;  
326 - border-radius: 0;  
327 - -moz-border-radius: 0;  
328 - -webkit-border-radius: 0;  
329 - border: none;  
330 - background: #fff;  
331 - padding: 2px;  
332 -}  
333 -  
334 -#portal-searchbox .searchField {  
335 - padding: 10px;  
336 - border-right: none;  
337 - border: none;  
338 - width: 160px;  
339 - height: 10px;  
340 -}  
341 -  
342 -#portal-searchbox form {  
343 -white-space: nowrap;  
344 -}  
345 -  
346 -#portal-searchbox label {  
347 -font-weight: normal;  
348 -}  
349 -  
350 -#searchGadget {  
351 -width: 13em;  
352 -}  
353 -  
354 -#header input.searchButton {  
355 - padding: 0.3em;  
356 - background: transparent;  
357 - text-indent: -2000px;  
358 - padding: 4px 15px;  
359 - border: none;  
360 -}  
361 -  
362 -#content input.searchField {  
363 -margin-bottom: 1em;  
364 -}  
365 -  
366 -#header input.searchButton {  
367 - background-image: url("images/search-button.gif");  
368 - background-position: 8px 2px;  
369 - background-repeat: no-repeat;  
370 - background-color: #ffffff;  
371 -}  
372 -  
373 -#LSResult {  
374 - z-index: 1;  
375 - margin-top: 0.5%;  
376 -}  
377 -  
378 -  
379 -/* Search Button */  
380 -#search-button a {  
381 - display: inline-block;  
382 - width: 29px;  
383 - height: 25px;  
384 - margin-right: 3px;  
385 - margin-top: 10px;  
386 -}  
387 -  
388 -#search-button a:hover {  
389 - opacity: 0.6;  
390 -}  
391 -  
392 -#search-button #sb_search {  
393 -background-image: url(images/search.png);  
394 -background-size: 100% 100%;  
395 -}  
396 -  
397 -#search-button span { display: none; }  
398 -  
399 -  
400 -/* */  
401 -  
402 -/* Social Buttons */  
403 -#social-buttons a {  
404 - width: 18px;  
405 - height: 20px;  
406 - margin-right: 3px;  
407 - margin-top: 10px;  
408 -}  
409 -  
410 -#social-icons li a {  
411 - width: 20px;  
412 - height: 20px;  
413 - padding: 0px;  
414 - display: inline-block;  
415 - background-repeat: no-repeat;  
416 -}  
417 -  
418 -#social-icons li {  
419 - float: right;  
420 - width: 20px;  
421 - margin-left: 4px;  
422 -}  
423 -  
424 -#social-icons #sb_face {  
425 - background: url(images/icone-branco-facebook.png) 0 0;  
426 -}  
427 -#social-icons #sb_face:hover {  
428 - background: url(images/icone-branco-facebook.png) 0 20px;  
429 -}  
430 -  
431 -#social-icons #sb_tweet {  
432 - background: url(images/icone-branco-twitter.png) 0 0;  
433 -}  
434 -#social-icons #sb_tweet:hover {  
435 - background: url(images/icone-branco-twitter.png) 0 20px;  
436 -}  
437 -  
438 -#social-icons #sb_youtb {  
439 - background: url(images/icone-branco-youtube.png) 0 0;  
440 -}  
441 -#social-icons #sb_youtb:hover {  
442 - background: url(images/icone-branco-youtube.png) 0 20px;  
443 -}  
444 -  
445 -#social-icons #sb_flickr {  
446 - background: url(images/icone-branco-flickr.png) 0 0;  
447 -}  
448 -#social-icons #sb_flickr:hover {  
449 - background: url(images/icone-branco-flickr.png) 0 20px;  
450 -}  
451 -  
452 -#social-icons span { display: none; }  
453 -  
454 -/* FIM social Buttons */  
455 -  
456 -/****************** FIM cabecalho ******************/  
457 -  
458 -/************* Bar Psocial Style - Menu Horizontal**************/  
459 -#user{  
460 - display: none;  
461 - padding: 0px 2em;  
462 - top: -30px;  
463 - font-size: 12px;  
464 - right: 4em;  
465 -}  
466 -  
467 -.logged-in #user{  
468 - top: -40px;  
469 -}  
470 -  
471 -#user form {  
472 - display:none;  
473 -}  
474 -  
475 -#user .logged-in {  
476 - visibility: hidden;  
477 - display: block;  
478 - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;  
479 - display: block;  
480 - padding: 1em 0;  
481 - text-align: left;  
482 - width: 130px;  
483 - border-radius: 10px  
484 -}  
485 -  
486 -#user .logged-in:hover {  
487 - visibility: visible;  
488 -}  
489 -#user .logged-in a#homepage-link {  
490 - display: block;  
491 - visibility: visible;  
492 -}  
493 -  
494 -#user .logged-in span {display: none;}  
495 -  
496 -#user .logged-in a {  
497 - display: block;  
498 - margin-bottom: 10px;  
499 -}  
500 -  
501 -#user .logged-in #pending-tasks-count {  
502 - display: inline-block;  
503 - left: 0;  
504 - position: absolute;  
505 - top: 10px;  
506 - visibility: visible;  
507 -}  
508 -  
509 -#barra-psocial {  
510 - display: none;  
511 - position: relative;  
512 - height: 40px;  
513 - margin: auto;  
514 - background: url(images/barra-psocial-bg.png) repeat-x;  
515 -}  
516 -  
517 -#barra-psocial li {  
518 - float: left;  
519 -}  
520 -  
521 -#assets-menu {  
522 - background: #E8E8E8;  
523 - top: 35px;  
524 - left: 80px;  
525 - min-width: 132px;  
526 -}  
527 -  
528 -#assets-menu a {  
529 - border: 1px solid #E8E8E8;  
530 -}  
531 -  
532 -#categories_menu {  
533 - /*max-width: 960px;*/  
534 - padding: 0 1em;  
535 - margin: auto;  
536 -}  
537 -  
538 -#custom-menu {  
539 - /*background: url(images/marca-participacao-social.png) no-repeat center left;*/  
540 - height: 40px;  
541 - padding-left: 5px;  
542 - /*padding-left: 60px;*/  
543 -}  
544 -  
545 -#cat_menu li {  
546 - list-style: none;  
547 - font-size: 12px;  
548 - font-weight: bold;  
549 - padding: 0px 20px;  
550 - height: 100%;  
551 - text-transform: uppercase;  
552 -}  
553 -  
554 -#cat_menu li:hover {  
555 - background-color: #E1E4E4;  
556 -}  
557 -  
558 -#cat_menu li a {  
559 - line-height: 40px;  
560 - width: 100%;  
561 - height: 100%;  
562 - display: block;  
563 -}  
564 -/************* FIM Bar Psocial Style - Menu Horizontal**************/  
565 -  
566 -  
567 -/******************Footer - Rodapé**********************************/  
568 -#footer {  
569 - height: 254px;  
570 - background: url('images/footer-bg.png') center bottom repeat-x;  
571 -}  
572 -  
573 -#theme-footer {  
574 - width: 100%;  
575 -}  
576 -  
577 -#footer-content {  
578 - position: relative;  
579 - width: 1024px;  
580 - margin: 0 auto;  
581 - text-align: left;  
582 -}  
583 -  
584 -#footer-content .institucional {  
585 - height: 115px;  
586 - padding: 40px 0 0 0;  
587 -}  
588 -  
589 -#footer-content .institucional .logo-sistema {  
590 - float: left;  
591 - display: block;  
592 - width: 195px;  
593 - height: 33px;  
594 - margin: 0;  
595 - background: url('images/logo-sistema.png') 0 0 no-repeat;  
596 - text-indent: -9999px;  
597 - overflow: hidden;  
598 -}  
599 -  
600 -#footer-content .institucional address {  
601 - clear: both;  
602 - width: 220px;  
603 - display: block;  
604 - font-size: 10px;  
605 - font-style: normal;  
606 - color: #282828;  
607 -}  
608 -  
609 -#footer-content .institucional .parcerias {  
610 - position: absolute;  
611 - right: 0;  
612 - top: 30px;  
613 - width: 480px;  
614 -}  
615 -  
616 -#footer-content .institucional .parcerias span {  
617 - display: block;  
618 - padding: 0 0 0 40px;  
619 - color: #282828;  
620 -}  
621 -#footer-content .institucional .parcerias ul {  
622 - list-style: none;  
623 - padding: 0;  
624 - margin: 0;  
625 -}  
626 -  
627 -#footer-content .institucional .parcerias ul li {  
628 - margin: 0;  
629 -}  
630 -  
631 -#footer-content .institucional .logo-seplan {  
632 - float: right;  
633 - display: block;  
634 - width: 229px;  
635 - height: 65px;  
636 - margin: 0 50px 0 0;  
637 - background: url('images/logo-seplan.png') 0 0 no-repeat;  
638 - text-indent: -9999px;  
639 - overflow: hidden;  
640 -}  
641 -  
642 -#footer-content .institucional .logo-brasil {  
643 - float: right;  
644 - display: block;  
645 - width: 153px;  
646 - height: 49px;  
647 - margin: 10px 0 0;  
648 - background: url('images/logo-brasil.png') 0 0 no-repeat;  
649 - text-indent: -9999px;  
650 - overflow: hidden;  
651 -}  
652 -  
653 -  
654 -#footer-content .institucional .coordenacao {  
655 - position: absolute;  
656 - right: 500px;  
657 - top: 30px;  
658 - width: 250px;  
659 -}  
660 -  
661 -#footer-content .institucional .coordenacao span {  
662 - display: block;  
663 - padding: 0;  
664 - color: #282828;  
665 -}  
666 -  
667 -#footer-content .institucional .coordenacao ul {  
668 - list-style: none;  
669 - padding: 0;  
670 - margin: 0;  
671 -}  
672 -  
673 -#footer-content .institucional .coordenacao ul li {  
674 - margin: 0;  
675 -}  
676 -  
677 -#footer-content .institucional .logo-secretaria {  
678 - float: right;  
679 - display: block;  
680 - width: 262px;  
681 - height: 65px;  
682 - margin: 0;  
683 - background: url('images/logo-secretaria.png') 0 0 no-repeat;  
684 - text-indent: -9999px;  
685 - overflow: hidden;  
686 -}  
687 -  
688 -#footer-content .institucional .logo-governo {  
689 - float: left;  
690 - display: block;  
691 - width: 121px;  
692 - height: 66px;  
693 - background: url('images/logo-governo.png') 0 0 no-repeat;  
694 - text-indent: -9999px;  
695 - overflow: hidden;  
696 -}  
697 -  
698 -#footer-content .links-uteis {  
699 - height: 85px;  
700 - padding: 15px 0 0 0;  
701 -}  
702 -  
703 -#footer-content .links-uteis span {  
704 - float: left;  
705 - display: block;  
706 - width: 158px;  
707 - padding: 20px 0 0 0;  
708 -}  
709 -  
710 -#footer-content .links-uteis .logo-transparencia {  
711 - float: left;  
712 - display: block;  
713 - width: 199px;  
714 - height: 59px;  
715 - margin: 0;  
716 - background: url('images/logo-transparencia.png') 0 0 no-repeat;  
717 - text-indent: -9999px;  
718 - overflow: hidden;  
719 -}  
720 -  
721 -#footer-content .links-uteis .logo-acesso-a-informacao {  
722 - float: left;  
723 - display: block;  
724 - width: 192px;  
725 - height: 62px;  
726 - margin: 0 0 0 95px;  
727 - background: url('images/logo-acesso-a-informacao.png') 0 0 no-repeat;  
728 - text-indent: -9999px;  
729 - overflow: hidden;  
730 -}  
731 -  
732 -#footer-content .links-uteis .logo-biblioteca {  
733 - float: left;  
734 - display: block;  
735 - width: 135px;  
736 - height: 46px;  
737 - margin: 0 0 0 128px;  
738 - background: url('images/logo-biblioteca.png') 0 0 no-repeat;  
739 - text-indent: -9999px;  
740 - overflow: hidden;  
741 -}  
cabecalho-theme.css
@@ -1,372 +0,0 @@ @@ -1,372 +0,0 @@
1 -  
2 -/****************** cabecalho ******************/  
3 -  
4 -#theme-header{  
5 -  
6 -}  
7 -  
8 -#header {  
9 - padding: 15px 0 0 0;  
10 -background-color: #19882c;  
11 - /* Old browsers */  
12 - background-color: #0A5517;  
13 - background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);  
14 - /* FF3.6+ */  
15 - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#19882c), color-stop(100%,#025310));  
16 - /* Chrome,Safari4+ */  
17 - background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);  
18 - /* Chrome10+,Safari5.1+ */  
19 - background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);  
20 - /* Opera 12+ */  
21 - background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%,#025310 100%);  
22 - /* IE10+ */  
23 - background-image: radial-gradient(ellipse at center, #19882c 1%,#025310 100%);  
24 - /* W3C */  
25 - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c', endColorstr='#025310',GradientType=1 );  
26 - /* IE6-9 fallback on horizontal gradient */  
27 - color: #fff;  
28 -}  
29 -  
30 -#header>div {  
31 - max-width: 960px;  
32 - margin: 0 auto;  
33 -}  
34 -  
35 -.header-content * {  
36 - margin: 0;  
37 - padding: 0;  
38 - list-style: none;  
39 - vertical-align: baseline;  
40 -}  
41 -.header-content li { display: inline; }  
42 -  
43 -#brasilgov {  
44 - background: #00510f;  
45 - border-bottom: 1px solid #ffcc00;  
46 - padding: 5px 10px;  
47 - color: #fff;  
48 -}  
49 -  
50 -#accessibility {  
51 - display: block !important;  
52 - font-size: 0.8em;  
53 - width: 50%;  
54 - float: left;  
55 -}  
56 -  
57 -#accessibility a {  
58 - color: #dcffe3;  
59 - margin-right: 8px;  
60 -}  
61 -  
62 -#accessibility span {  
63 - background: #9ed5ab;  
64 - color: #006600;  
65 - padding: 0 4px;  
66 -}  
67 -  
68 -  
69 -  
70 -/* logo */  
71 -#logo {  
72 - padding: 0;  
73 - float: left;  
74 - width: 70%;  
75 -}  
76 -  
77 -#logo span {  
78 - display: block;  
79 -}  
80 -  
81 -#logo a {  
82 - display: block;  
83 - width: 100%;  
84 - color: #fff !important;  
85 - margin: 1em 0px;  
86 -}  
87 -  
88 -#logo a, #logo #portal-title {  
89 - color: #FFF !important;  
90 -}  
91 -  
92 -#logo #portal-title {  
93 - margin: 30px 0px 46px 0px;  
94 - color: #FFF;  
95 - font-size: 3.35em;  
96 - font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;  
97 - font-weight: normal;  
98 - line-height: 1em;  
99 - letter-spacing: -0.05em;  
100 -}  
101 -  
102 -#logo .luongo {  
103 - font-size: 3em !important;  
104 - line-height: 1.1em;  
105 - margin-bottom: 0.2em;  
106 -}  
107 -  
108 -#logo #portal-description {  
109 - font-size: 1.2em;  
110 - text-transform: uppercase;  
111 -}  
112 -  
113 -/* Site Actions */  
114 -#portal-siteactions {  
115 - display: block;  
116 - float: right;  
117 - clear: left;  
118 - border-bottom: 1px dotted #9bc2a3;  
119 - padding-bottom: 2px;  
120 - margin-top: -15px;  
121 - font-size: 85%;  
122 - text-align: center;  
123 -}  
124 -  
125 -#portal-siteactions a {  
126 - color: #dcffe3;  
127 - text-decoration: none;  
128 - padding: 4px 0 4px 10px;  
129 - text-transform: uppercase;  
130 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
131 -}  
132 -  
133 -#portal-siteactions a:hover {  
134 - color: #fff !important;  
135 -}  
136 -  
137 -#portal-siteactions li {  
138 - display: inline;  
139 -}  
140 -  
141 -#portal-siteactions li a:hover {  
142 -color: #75ad0a  
143 -}  
144 -#portal-siteactions li a {  
145 - padding: 4px 0px;  
146 -}  
147 -  
148 -#social-icons {  
149 - float: right;  
150 - clear: right;  
151 - margin: 12px 0px 0px 0px;  
152 -}  
153 -  
154 -#social-icons ul {  
155 - display: table-row;  
156 -}  
157 -  
158 -#social-icons li {  
159 - display: table-cell;  
160 -}  
161 -  
162 -#social-icons li a {  
163 - border: none;  
164 - padding: 0 5px;  
165 -}  
166 -  
167 -#siteaction-accessibility,  
168 -#siteaction-contraste {  
169 - margin: 0px 15px 0px 0px;  
170 -}  
171 -/* */  
172 -  
173 -/* Sobre o brasil */  
174 -#sobre {  
175 - clear: both;  
176 - max-width: 100% !important;  
177 - margin: 0;  
178 - background: #00420c;  
179 - padding: 5px 0;  
180 -}  
181 -  
182 -#sobre ul {  
183 - max-width: 960px;  
184 - margin: 0 auto;  
185 - text-align: right;  
186 -}  
187 -  
188 -#sobre a {  
189 - color: #fff;  
190 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
191 -}  
192 -  
193 -#sobre .portalservicos-item a {  
194 - padding: 0 10px;  
195 - border-right: 1px solid #fff;  
196 -}  
197 -  
198 -#sobre .last-item a {  
199 - padding: 0 0 0 10px;  
200 - border-right: none;  
201 -}  
202 -  
203 -/* Searchbox */  
204 -.LSBox {  
205 - margin: 0;  
206 - padding: 0;  
207 - border: none;  
208 -}  
209 -  
210 -input.searchField {  
211 - -moz-appearance: none;  
212 -}  
213 -  
214 -#portal-searchbox {  
215 - clear: right;  
216 - float: right;  
217 - font-size: 80%;  
218 - margin: 2em 0 1.2em 0;  
219 - /*margin: 3.12em 0px 3px 0px;*/  
220 - text-align: right;  
221 - border-radius: 5px;  
222 - -moz-border-radius: 5px;  
223 - -webkit-border-radius: 5px;  
224 - border: 1px solid #CCCCCC;  
225 - background: #fff;  
226 - padding: 2px;  
227 -}  
228 -  
229 -#portal-searchbox .searchField {  
230 - padding: 0.45em;  
231 - border-right: none;  
232 - border: none;  
233 - width: 170px;  
234 -}  
235 -  
236 -#portal-searchbox form {  
237 -white-space: nowrap;  
238 -}  
239 -  
240 -#portal-searchbox label {  
241 -font-weight: normal;  
242 -}  
243 -  
244 -#searchGadget {  
245 -width: 13em;  
246 -}  
247 -  
248 -#header input.searchButton {  
249 - padding: 0.3em;  
250 - background: transparent;  
251 - text-indent: -2000px;  
252 - padding: 4px 15px;  
253 - border: none;  
254 -}  
255 -  
256 -#content input.searchField {  
257 -margin-bottom: 1em;  
258 -}  
259 -input.searchField {  
260 --moz-appearance: searchfield;  
261 -}  
262 -  
263 -#header input.searchButton {  
264 - background-image: url("images/search-button.gif");  
265 - background-position: 3px 2px;  
266 - background-repeat: no-repeat;  
267 - background-color: #ffffff;  
268 -}  
269 -  
270 -#LSResult {  
271 - z-index: 1;  
272 - margin-top: 0.5%;  
273 -}  
274 -  
275 -  
276 -/* Search Button */  
277 -#search-button a {  
278 - display: inline-block;  
279 - width: 29px;  
280 - height: 25px;  
281 - margin-right: 3px;  
282 - margin-top: 10px;  
283 -}  
284 -  
285 -#search-button a:hover {  
286 - opacity: 0.6;  
287 -}  
288 -  
289 -#search-button #sb_search {  
290 -background-image: url(images/search.png);  
291 -background-size: 100% 100%;  
292 -}  
293 -  
294 -#search-button span { display: none; }  
295 -  
296 -  
297 -/* */  
298 -  
299 -/* Social Buttons */  
300 -#social-buttons a {  
301 - width: 18px;  
302 - height: 20px;  
303 - margin-right: 3px;  
304 - margin-top: 10px;  
305 -}  
306 -  
307 -#social-icons li a {  
308 - width: 20px;  
309 - height: 20px;  
310 - padding: 0px;  
311 - display: inline-block;  
312 - background-repeat: no-repeat;  
313 -}  
314 -  
315 -#social-icons li {  
316 - float: right;  
317 - width: 20px;  
318 - margin-left: 4px;  
319 -}  
320 -  
321 -#social-icons a:hover {  
322 - opacity: 0.6;  
323 -}  
324 -  
325 -#social-icons #sb_face {  
326 -background-image: url(images/icone-facebook.png);  
327 -}  
328 -  
329 -#social-icons #sb_tweet {  
330 -background-image: url(images/icone-twitter.png);  
331 -}  
332 -  
333 -#social-icons #sb_youtb {  
334 -background-image: url(images/icone-youtube.png);  
335 -}  
336 -  
337 -#social-icons #sb_flickr {  
338 -background-image: url(images/icone-flickr.png);  
339 -}  
340 -  
341 -#social-icons span { display: none; }  
342 -  
343 -/* */  
344 -  
345 -/* Bar Psocial Style - Menu Horizontal*/  
346 -#wrap-2 #user{  
347 - padding: 0 2em;  
348 -}  
349 -  
350 -#user {  
351 - top: -30px;  
352 - font-size: 12px;  
353 - position: static;/*teste*/  
354 -}  
355 -  
356 -#user form {  
357 - display:none;  
358 -}  
359 -  
360 -#barra-psocial {  
361 - position: relative;  
362 - height: 40px;  
363 - margin: auto;  
364 - background: url(images/barra-psocial-bg.png) repeat-x;  
365 -}  
366 -  
367 -#barra-psocial li {  
368 - float: left;  
369 -}  
370 -  
371 -/****************** FIM cabecalho ******************/  
372 -  
cabecalho-verde-theme.css
@@ -1,522 +0,0 @@ @@ -1,522 +0,0 @@
1 -/*(verde-claro=#17882c)*/  
2 -/*(verde-escuro=#00510f)*/  
3 -  
4 -/****************** cabecalho ******************/  
5 -  
6 -#theme-header{}  
7 -  
8 -#header {  
9 - padding: 40px 0 0 0;  
10 -background-color: #17882c;/*(verde-claro)*/  
11 - /* Old browsers */  
12 - background-color: #00510f; /*(verde-escuro)*/  
13 - background-image: -moz-radial-gradient(center, ellipse cover, #17882c 1%, #00510f 100%); /*(verde-claro)(verde-escuro)*/  
14 - /* FF3.6+ */  
15 - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#17882c), color-stop(100%,#00510f));  
16 - /* Chrome,Safari4+ */  
17 - background-image: -webkit-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);  
18 - /* Chrome10+,Safari5.1+ */  
19 - background-image: -o-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);  
20 - /* Opera 12+ */  
21 - background-image: -ms-radial-gradient(center, ellipse cover, #17882c 1%,#00510f 100%);  
22 - /* IE10+ */  
23 - background-image: radial-gradient(ellipse at center, #17882c 1%,#00510f 100%);  
24 - /* W3C */  
25 - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17882c', endColorstr='#00510f',GradientType=1 );  
26 - /* IE6-9 fallback on horizontal gradient */  
27 - color: #fff;  
28 -}  
29 -  
30 -#header>div {  
31 - max-width: 960px;  
32 - margin: 0 auto;  
33 -}  
34 -  
35 -.header-content * {  
36 - margin: 0;  
37 - padding: 0;  
38 - list-style: none;  
39 - vertical-align: baseline;  
40 -}  
41 -.header-content li { display: inline; }  
42 -  
43 -#brasilgov {  
44 - background: #00510f;  
45 - border-bottom: 1px solid #ffcc00;  
46 - padding: 5px 10px;  
47 - color: #fff;  
48 -}  
49 -  
50 -#accessibility {  
51 - display: block !important;  
52 - font-size: 0.8em;  
53 - width: 50%;  
54 - float: left;  
55 -}  
56 -  
57 -#accessibility a {  
58 - color: #dcffe3;  
59 - margin-right: 8px;  
60 -}  
61 -  
62 -#accessibility span {  
63 - background: #9ed5ab;  
64 - color: #006600;  
65 - padding: 0 4px;  
66 -}  
67 -  
68 -  
69 -  
70 -/* logo */  
71 -#logo {  
72 - padding: 0;  
73 - float: left;  
74 - width: 70%;  
75 -}  
76 -  
77 -#logo span {  
78 - display: block;  
79 -}  
80 -  
81 -#logo a {  
82 - display: block;  
83 - width: 100%;  
84 - color: #fff !important;  
85 - margin: 1em 0px;  
86 -}  
87 -  
88 -#logo a, #logo #portal-title {  
89 - color: #FFF !important;  
90 -}  
91 -  
92 -#logo #portal-title {  
93 - margin: 30px 0px 46px 0px;  
94 - color: #FFF;  
95 - font-size: 3.35em;  
96 - font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;  
97 - font-weight: normal;  
98 - line-height: 1em;  
99 - letter-spacing: -0.05em;  
100 -}  
101 -  
102 -#logo .luongo {  
103 - font-size: 3em !important;  
104 - line-height: 1.1em;  
105 - margin-bottom: 0.2em;  
106 -}  
107 -  
108 -#logo #portal-description {  
109 - font-size: 1.2em;  
110 - text-transform: uppercase;  
111 -}  
112 -  
113 -/* Site Actions */  
114 -#portal-siteactions {  
115 - display: block;  
116 - float: right;  
117 - clear: left;  
118 - border-bottom: 1px dotted #9bc2a3;  
119 - padding-bottom: 2px;  
120 - margin-top: -15px;  
121 - font-size: 85%;  
122 - text-align: center;  
123 -}  
124 -  
125 -#portal-siteactions a {  
126 - color: #dcffe3;  
127 - text-decoration: none;  
128 - padding: 4px 0 4px 10px;  
129 - text-transform: uppercase;  
130 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
131 -}  
132 -  
133 -#portal-siteactions a:hover {  
134 - color: #fff !important;  
135 -}  
136 -  
137 -#portal-siteactions li {  
138 - display: inline;  
139 -}  
140 -  
141 -#portal-siteactions li a:hover {  
142 -color: #75ad0a  
143 -}  
144 -#portal-siteactions li a {  
145 - padding: 4px 0px;  
146 -}  
147 -  
148 -#social-icons {  
149 - float: right;  
150 - clear: right;  
151 - margin: 12px 0px 0px 0px;  
152 -}  
153 -  
154 -#social-icons ul {  
155 - display: table-row;  
156 -}  
157 -  
158 -#social-icons li {  
159 - display: table-cell;  
160 -}  
161 -  
162 -#social-icons li a {  
163 - border: none;  
164 - padding: 0 5px;  
165 -}  
166 -  
167 -#siteaction-accessibility,  
168 -#siteaction-contraste {  
169 - margin: 0px 15px 0px 0px;  
170 -}  
171 -/* */  
172 -  
173 -/* Top links */  
174 -#theme-header .header-content #link-faq a {  
175 - border-right: 1px solid #6c9072;  
176 - padding: 0 10px;  
177 -}  
178 -#theme-header .header-content #link-contact a {  
179 - padding-left: 10px;  
180 -}  
181 -  
182 -#theme-header #sobre {  
183 - line-height: 20px;  
184 -}  
185 -/* */  
186 -  
187 -/* Sobre o brasil */  
188 -#sobre {  
189 - clear: both;  
190 - max-width: 100% !important;  
191 - margin: 0;  
192 - background: #00420c;  
193 - padding: 5px 0;  
194 -}  
195 -  
196 -#sobre ul {  
197 - max-width: 960px;  
198 - margin: 0 auto;  
199 - text-align: right;  
200 -}  
201 -  
202 -#sobre a {  
203 - color: #fff;  
204 - font-family: 'Open Sans', Arial, Helvetica, sans-serif;  
205 -}  
206 -  
207 -#sobre .portalservicos-item a {  
208 - padding: 0 10px;  
209 - border-right: 1px solid #fff;  
210 -}  
211 -  
212 -#sobre .last-item a {  
213 - padding: 0 0 0 10px;  
214 - border-right: none;  
215 -}  
216 -  
217 -/* Searchbox */  
218 -.LSBox {  
219 - margin: 0;  
220 - padding: 0;  
221 - border: none;  
222 -}  
223 -  
224 -input.searchField {  
225 - -moz-appearance: none;  
226 -}  
227 -  
228 -#portal-searchbox {  
229 - clear: right;  
230 - float: right;  
231 - font-size: 80%;  
232 - margin: 2em 0 1.2em 0;  
233 - /*margin: 3.12em 0px 3px 0px;*/  
234 - text-align: right;  
235 - border-radius: 5px;  
236 - -moz-border-radius: 5px;  
237 - -webkit-border-radius: 5px;  
238 - border: 1px solid #CCCCCC;  
239 - background: #fff;  
240 - padding: 2px;  
241 -}  
242 -  
243 -#portal-searchbox .searchField {  
244 - padding: 0.45em;  
245 - border-right: none;  
246 - border: none;  
247 - width: 170px;  
248 -}  
249 -  
250 -#portal-searchbox form {  
251 -white-space: nowrap;  
252 -}  
253 -  
254 -#portal-searchbox label {  
255 -font-weight: normal;  
256 -}  
257 -  
258 -#searchGadget {  
259 -width: 13em;  
260 -}  
261 -  
262 -#header input.searchButton {  
263 - padding: 0.3em;  
264 - background: transparent;  
265 - text-indent: -2000px;  
266 - padding: 4px 15px;  
267 - border: none;  
268 -}  
269 -  
270 -#content input.searchField {  
271 -margin-bottom: 1em;  
272 -}  
273 -input.searchField {  
274 --moz-appearance: searchfield;  
275 -}  
276 -  
277 -#header input.searchButton {  
278 - background-image: url("images/search-button.gif");  
279 - background-position: 3px 2px;  
280 - background-repeat: no-repeat;  
281 - background-color: #ffffff;  
282 -}  
283 -  
284 -#LSResult {  
285 - z-index: 1;  
286 - margin-top: 0.5%;  
287 -}  
288 -  
289 -  
290 -/* Search Button */  
291 -#search-button a {  
292 - display: inline-block;  
293 - width: 29px;  
294 - height: 25px;  
295 - margin-right: 3px;  
296 - margin-top: 10px;  
297 -}  
298 -  
299 -#search-button a:hover {  
300 - opacity: 0.6;  
301 -}  
302 -  
303 -#search-button #sb_search {  
304 -background-image: url(images/search.png);  
305 -background-size: 100% 100%;  
306 -}  
307 -  
308 -#search-button span { display: none; }  
309 -  
310 -  
311 -/* */  
312 -  
313 -/* Social Buttons */  
314 -#social-buttons a {  
315 - width: 18px;  
316 - height: 20px;  
317 - margin-right: 3px;  
318 - margin-top: 10px;  
319 -}  
320 -  
321 -#social-icons li a {  
322 - width: 20px;  
323 - height: 20px;  
324 - padding: 0px;  
325 - display: inline-block;  
326 - background-repeat: no-repeat;  
327 -}  
328 -  
329 -#social-icons li {  
330 - float: right;  
331 - width: 20px;  
332 - margin-left: 4px;  
333 -}  
334 -  
335 -#social-icons a:hover {  
336 - opacity: 0.6;  
337 -}  
338 -  
339 -#social-icons #sb_face {  
340 -background-image: url(images/icone-facebook.png);  
341 -}  
342 -  
343 -#social-icons #sb_tweet {  
344 -background-image: url(images/icone-twitter.png);  
345 -}  
346 -  
347 -#social-icons #sb_youtb {  
348 -background-image: url(images/icone-youtube.png);  
349 -}  
350 -  
351 -#social-icons #sb_flickr {  
352 -background-image: url(images/icone-flickr.png);  
353 -}  
354 -  
355 -#social-icons span { display: none; }  
356 -  
357 -/* FIM social Buttons */  
358 -  
359 -/****************** FIM cabecalho ******************/  
360 -  
361 -/************* Bar Psocial Style - Menu Horizontal**************/  
362 -#user{  
363 - padding: 0 2em;  
364 - top: -30px;  
365 - font-size: 12px;  
366 -}  
367 -  
368 -.logged-in #user{  
369 - top: -40px;  
370 -}  
371 -  
372 -#user form {  
373 - display:none;  
374 -}  
375 -  
376 -#user .logged-in {  
377 - visibility: hidden;  
378 - display: block;  
379 - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;  
380 - display: block;  
381 - padding: 1em;  
382 - text-align: left;  
383 - width: 130px;  
384 - border-radius: 10px  
385 -}  
386 -  
387 -#user .logged-in:hover {  
388 - visibility: visible;  
389 -}  
390 -#user .logged-in a#homepage-link {  
391 - display: block;  
392 - visibility: visible;  
393 -}  
394 -  
395 -#user .logged-in span {display: none;}  
396 -  
397 -#user .logged-in a {  
398 - display: block;  
399 - margin-bottom: 10px;  
400 -}  
401 -  
402 -#user .logged-in #pending-tasks-count {  
403 - display: inline-block;  
404 - left: 0;  
405 - position: absolute;  
406 - top: 10px;  
407 - visibility: visible;  
408 -}  
409 -  
410 -#barra-psocial {  
411 - position: relative;  
412 - height: 40px;  
413 - margin: auto;  
414 - background: url(images/barra-psocial-bg.png) repeat-x;  
415 -}  
416 -  
417 -#barra-psocial li {  
418 - float: left;  
419 -}  
420 -  
421 -#assets-menu {  
422 - background: #E8E8E8;  
423 - top: 35px;  
424 - left: 80px;  
425 - min-width: 132px;  
426 -}  
427 -  
428 -#assets-menu a {  
429 - border: 1px solid #E8E8E8;  
430 -}  
431 -  
432 -#categories_menu {  
433 - /*max-width: 960px;*/  
434 - padding: 0 1em;  
435 - margin: auto;  
436 -}  
437 -  
438 -#cat_menu {  
439 - background: url(images/marca-participacao-social.png) no-repeat center left;  
440 - height: 40px;  
441 - padding-left: 60px;  
442 -}  
443 -  
444 -#cat_menu li {  
445 - list-style: none;  
446 - font-size: 12px;  
447 - font-weight: bold;  
448 - padding: 0px 20px;  
449 - height: 100%;  
450 - text-transform: uppercase;  
451 -}  
452 -  
453 -#cat_menu li:hover {  
454 - background-color: #E1E4E4;  
455 -}  
456 -  
457 -#cat_menu li a {  
458 - line-height: 40px;  
459 - width: 100%;  
460 - height: 100%;  
461 - display: block;  
462 -}  
463 -/************* FIM Bar Psocial Style - Menu Horizontal**************/  
464 -  
465 -/******************Footer - Rodapé**********************************/  
466 -#theme-footer {  
467 - width: 100%;  
468 -}  
469 -  
470 -#footer-content {  
471 - background: #fff;  
472 -}  
473 -  
474 -#footer-logos {  
475 - background: #00420C;  
476 - max-width: 100%;  
477 - padding: 2em 0;  
478 - height: 49px;  
479 -}  
480 -  
481 -#footer-logos div {  
482 - max-width: 960px;  
483 - margin: 0 auto;  
484 -}  
485 -  
486 -#footer-logos a {  
487 - display: block;  
488 - height: 49px;  
489 - float: left;  
490 -}  
491 -  
492 -#footer-logos span {  
493 - display: none;  
494 -}  
495 -  
496 -#footer-logos .logo-acesso {  
497 - background: transparent url(images/acesso-a-informacao.png) center center no-repeat;  
498 - width: 107px;  
499 -}  
500 -  
501 -#footer-logos .logo-brasil {  
502 - background: transparent url(images/brasil.png) center center no-repeat;  
503 - width: 153px;  
504 -}  
505 -  
506 -#footer-logos .logo-sgpr {  
507 - background: transparent url(images/sgpr.png) center center no-repeat;  
508 - width: 187px;  
509 - margin-right: 30px;  
510 -}  
511 -  
512 -#footer-logos .institucionais {  
513 - float: right;  
514 -}  
515 -  
516 -#footer-license {  
517 - max-width: 960px;  
518 - margin: 0 auto;  
519 - text-align: center;  
520 -}  
521 -  
522 -  
categories.html.erb
@@ -1,7 +0,0 @@ @@ -1,7 +0,0 @@
1 -<ul id="cat_menu">  
2 - <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %>  
3 - <li id="category category_<%= item.path %>" >  
4 - <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %>  
5 - </li>  
6 - <% end %>  
7 -</ul><!-- fim id="cat_menu" -->  
errors.css
@@ -1,65 +0,0 @@ @@ -1,65 +0,0 @@
1 -@import url(../base/errors.css);  
2 -  
3 -body {  
4 - background-image: url(images/fundo-de-tela-amarelo.png);  
5 - font-family: 'Open Sans',Arial,Helvetica,sans-serif;  
6 -}  
7 -#logo {  
8 - background: url(images/logo-participa.png);  
9 - top: 320px;  
10 - left: 20px;  
11 - position: absolute;  
12 - height:92px;  
13 - width:108px;  
14 -}  
15 -  
16 -div.message h1 {  
17 - border-bottom: 0px;  
18 - left: 170px;  
19 - position: relative;  
20 - margin-top: -20px;  
21 -}  
22 -  
23 -div.message p {  
24 - left: 170px;  
25 - position: relative;  
26 - font-size: 16px;  
27 - width: 400px;  
28 - color: #999;  
29 -}  
30 -  
31 -#header {  
32 - background: url(images/oops.png) top left no-repeat;  
33 - height: 142px;  
34 - margin-left: 20px;  
35 - margin-top: 48px;  
36 - position: relative;  
37 -}  
38 -  
39 -  
40 -#wrap {  
41 - margin: 120px 20px 0px 20px;  
42 - border: 1px solid #F2C311;  
43 - background: white url(images/mascote-bug.png) 100% 100% no-repeat;  
44 - height: 480px;  
45 - -webkit-border-radius: 7px;  
46 - -moz-border-radius: 7px;  
47 - border-radius: 7px;  
48 - -webkit-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);  
49 - -moz-box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);  
50 - box-shadow: 7px 7px 7px 0px rgba(196, 159, 20, 0.75);  
51 -}  
52 -  
53 -#languages {  
54 - top: 600px;  
55 - position: absolute;  
56 - text-align: center;  
57 - width: 860px;  
58 - border-top: 0px;  
59 -}  
60 -  
61 -#languages a {  
62 - font-variant: small-caps;  
63 - color: black;  
64 - font-size: 14px;  
65 -}  
66 \ No newline at end of file 0 \ No newline at end of file
footer.html.erb
1 <div id="footer-content"> 1 <div id="footer-content">
2 <div class="institucional"> 2 <div class="institucional">
3 - <strong class="logo-sistema">Sistema Estadual de Participação Popular</strong>  
4 - <address>  
5 - Av. Jerônimo de Albuquerque, S/N, 2º Andar, Bloco A, Edifício Clodomir Milet, <br>  
6 - Calhau - São Luís/MA. CEP: 65051-000 <br>  
7 - Horário de atendimento: 13h às 19h  
8 - </address>  
9 - <div class="coordenacao">  
10 - <span>Coordenação Executiva:</span>  
11 - <ul>  
12 - <li><a href="http://www.sedihpop.ma.gov.br/" class="logo-secretaria" target="_blank">Secretaria de Direitos Humanos e Participação Popular</a></li>  
13 - </ul>  
14 - </div>  
15 - <div class="parcerias">  
16 - <span>Parcerias</span>  
17 - <ul>  
18 - <!-- <li><a href="http://www.secretariageral.gov.br/" class="logo-brasil" target="_blank">Secretaria-Geral da Presidência da República</a></li> -->  
19 - <li><a href="http://www.brasil.gov.br/" class="logo-brasil" target="_blank">Governo Federal</a></li>  
20 - <li><a href="http://www.seplan.ma.gov.br/" class="logo-seplan" target="_blank">Secretaria de Estado de Planejamento e Orçamento</a></li>  
21 - </ul>  
22 - </div> 3 + <span class="logo-sistema">Sistema Estadual de Participação Popular</span>
  4 + <p class="address">
  5 + Av. Jerônimo de Albuquerque, S/N, 2º Andar, Bloco A, Edifício Clodomir Milet, <br />
  6 + Calhau - São Luís/MA. CEP: 65051-000 <br />
  7 + Horário de atendimento: 13h às 19h <br />
  8 + Contato: participama@participa.ma.gov.br <br />
  9 + </p>
23 </div> 10 </div>
  11 + <div class="coordenacao">
  12 + <span>Coordenação Executiva:</span>
  13 + <ul>
  14 + <li><a href="http://www.sedihpop.ma.gov.br/" class="logo-secretaria" target="_blank">Secretaria de Direitos Humanos e Participação Popular</a></li>
  15 + </ul>
  16 + </div>
  17 + <div class="parcerias">
  18 + <span>Parcerias</span>
  19 + <ul>
  20 + <li><a href="http://www.seplan.ma.gov.br/" class="logo-seplan" target="_blank">Secretaria de Estado de Planejamento e Orçamento</a></li>
  21 + <li><a href="http://www.brasil.gov.br/" class="logo-brasil" target="_blank">Governo Federal</a></li>
  22 + </ul>
  23 + </div>
  24 +</div>
  25 +<div id="second-footer">
24 <div class="links-uteis"> 26 <div class="links-uteis">
25 <span>Links úteis:</span> 27 <span>Links úteis:</span>
26 <a href="http://www.portaldatransparencia.ma.gov.br/" class="logo-transparencia" target="_blank">Portal da Transparência</a> 28 <a href="http://www.portaldatransparencia.ma.gov.br/" class="logo-transparencia" target="_blank">Portal da Transparência</a>
@@ -29,4 +31,30 @@ @@ -29,4 +31,30 @@
29 </div> 31 </div>
30 </div> 32 </div>
31 33
32 -<!-- <script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script> --> 34 +<script>
  35 +// Ajusta estrutura dos posts
  36 + jQuery('.controller-home #highlighted-news > .highlighted-news-item').each(function(num, noticia) {
  37 + var data = jQuery('.post-date', noticia);
  38 + jQuery(data).prependTo(noticia);
  39 + var img = jQuery('img:first', noticia).remove();
  40 + var url = jQuery('h2 a', noticia).attr('href');
  41 + var pic = jQuery('<a class="news-pic"></a>').prependTo(noticia);
  42 + pic.attr('href', url);
  43 + pic.css('background-color', 'hsl('+Math.round(Math.random()*360)+',70%,70%)');
  44 + if ( img.length > 0 )
  45 + pic.css('background-image', 'url('+img.attr('src')+')');
  46 + });
  47 +
  48 +// Abreviar opcões de administração
  49 + jQuery('#user #homepage-link strong').text('Meu Perfil');
  50 + jQuery('#user .ctrl-panel strong').text('Meu Painel');
  51 + jQuery('#user .admin-link strong').text('Adm');
  52 +
  53 +// Mover botão de ver todos no bloco de comunidades
  54 + jQuery('.communities-block .block-footer-content').appendTo('.communities-block .block-title');
  55 +
  56 +// Link para Galeria de Vídeos
  57 + var tit = jQuery('#content .container-block-plugin_container-block .display-content-block .block-title');
  58 + var titGallery = jQuery('#content .container-block-plugin_container-block .display-content-block .block-title span');
  59 + tit.html('<a href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>'+titGallery.text()+'</span></a>');
  60 +</script>
header.html.erb 100755 → 100644
1 <div class="header-content"> 1 <div class="header-content">
2 -  
3 <div role="banner" id="header"> 2 <div role="banner" id="header">
4 - <div> 3 + <div id="participa-ma-header">
5 <ul id="accessibility"> 4 <ul id="accessibility">
6 <li> 5 <li>
7 <a id="link-conteudo" href="#content" accesskey="1"> 6 <a id="link-conteudo" href="#content" accesskey="1">
@@ -10,7 +9,7 @@ @@ -10,7 +9,7 @@
10 </a> 9 </a>
11 </li> 10 </li>
12 <li> 11 <li>
13 - <a id="link-navegacao" href="#barra-psocial" accesskey="2"> 12 + <a id="link-navegacao" href="#top-menu" accesskey="2">
14 Ir para o menu 13 Ir para o menu
15 <span>2</span> 14 <span>2</span>
16 </a> 15 </a>
@@ -30,7 +29,7 @@ @@ -30,7 +29,7 @@
30 </ul> 29 </ul>
31 <ul id="portal-siteactions"> 30 <ul id="portal-siteactions">
32 <li id="siteaction-accessibility"> 31 <li id="siteaction-accessibility">
33 - <a href="#">Acessibilidade</a> 32 + <a href="/software-publico-brasileiro/acessibilidade">Acessibilidade</a>
34 </li> 33 </li>
35 <li id="siteaction-contraste"> 34 <li id="siteaction-contraste">
36 <a href="#">Alto Contraste</a> 35 <a href="#">Alto Contraste</a>
@@ -39,84 +38,71 @@ @@ -39,84 +38,71 @@
39 <a href="/search">Mapa do Site</a> 38 <a href="/search">Mapa do Site</a>
40 </li> 39 </li>
41 </ul> 40 </ul>
  41 + <div id="logo">
  42 + <a title="Participa.MA" href="/">
  43 + <span id="portal-title"></span>
  44 + </a>
  45 + </div>
42 <div id="sobre"> 46 <div id="sobre">
43 - <ul>  
44 - <li id="link-faq">  
45 - <a href="/account/login">Entrar</a>  
46 - </li>  
47 - <li id="link-faq">  
48 - <a href="/account/signup">Registre-se</a>  
49 - </li>  
50 -  
51 - <li id="link-faq">  
52 - <a href="/ajuda/dicionario-da-participacao">Dicionário da Participação</a>  
53 - </li> 47 + <ul id="links-rapidos">
54 <li id="link-faq"> 48 <li id="link-faq">
55 <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a> 49 <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
56 </li> 50 </li>
  51 + <li id="link-glossario">
  52 + <a href="/ajuda/dicionario-da-participacao">Dicionário da Participação</a>
  53 + </li>
57 <li id="link-contact"> 54 <li id="link-contact">
58 <a href="/contact/portal/new">Contato</a> 55 <a href="/contact/portal/new">Contato</a>
59 </li> 56 </li>
60 - </ul>  
61 - </div>  
62 -  
63 - <div id="logo">  
64 - <a title="o" href="/">  
65 - <img src="/designs/themes/maranhao/images/logo-2015.png" title="Participa Maranhão"/>  
66 - </a>  
67 - </div>  
68 - <div id="links">  
69 - <ul>  
70 - <li><a href="http://participa.ma.gov.br/ajuda/ajuda/principios-da-participacao" class="principios">Princípios do Participa.MA</a></li>  
71 - <li><a href="http://participa.ma.gov.br/ajuda/ajuda/documentos-de-referencia " class="referencias">Documentos de Referência</a></li> 57 + <%= render :partial => 'layouts/user' %>
72 </ul> 58 </ul>
73 </div> 59 </div>
74 <div role="search" id="portal-searchbox"> 60 <div role="search" id="portal-searchbox">
75 - <form action="/search/articles"> 61 + <form action="/search">
76 <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget"> 62 <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
77 - <input type="submit" class="searchButton" value="Buscar"></form> 63 + <input type="submit" class="searchButton" value="Buscar">
  64 + </form>
78 </div> 65 </div>
79 - <div id="social-icons"> 66 + <div id="principios-referencias">
80 <ul> 67 <ul>
81 <li> 68 <li>
82 - <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao/"><span>Flickr</span></a> 69 + <a href="/portal/principios-do-participa"><span>Princípios do Participa.MA</span></a>
83 </li> 70 </li>
84 <li> 71 <li>
85 - <a id="sb_face" title="Facebook" href="https://www.facebook.com/participama"><span>Facebook</span></a> 72 + <a href="/portal/documentos-de-referencia"><span>Documentos de Referência</span></a>
86 </li> 73 </li>
  74 + </ul>
  75 + </div>
  76 + <div id="social-icons">
  77 + <ul>
87 <li> 78 <li>
88 <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>Youtube</span></a> 79 <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>Youtube</span></a>
89 </li> 80 </li>
90 <li> 81 <li>
91 - <a id="sb_tweet" title="Twitter" href="https://twitter.com/GovernoMA"><span>Twitter</span></a> 82 + <a id="sb_face" title="Facebook" href="https://www.facebook.com/participama"><span>Facebook</span></a>
92 </li> 83 </li>
93 </ul> 84 </ul>
94 </div> 85 </div>
95 - <div id="menu"> 86 + <div id="top-menu">
96 <ul> 87 <ul>
97 - <li><a class="link-sobre" href="http://participa.ma.gov.br/ajuda/ajuda/quem-somos">Sobre o Participa.MA</a></li>  
98 - <li><a class="link-participacao" href="http://participa.ma.gov.br/ajuda/ajuda/participacao-popular">Participação Popular</a></li>  
99 - <li><a class="link-eixos" href="http://participa.ma.gov.br/ajuda/ajuda/eixos-de-participacao">Eixos de Participação</a></li>  
100 - <li><a class="link-sistema" href="http://participa.ma.gov.br/ajuda/ajuda/sistema-estadual-de-participacao-popular">Sistema Estadual de Participação Popular</a></li>  
101 - </ul> 88 + <li>
  89 + <a class="link-sobre" href="/ajuda/ajuda/quem-somos">Sobre o Participa.MA</a>
  90 + </li>
  91 + <li>
  92 + <a class="link-participacao" href="/ajuda/ajuda/participacao-popular">Participação Popular</a>
  93 + </li>
  94 + <li>
  95 + <a class="link-eixos" href="/ajuda/ajuda/eixos-de-participacao">Eixos de Participação</a>
  96 + </li>
  97 + <li>
  98 + <a class="link-sistema" href="/ajuda/ajuda/politica-estadual-de-participacao-popular">Política Estadual de Participação Popular</a>
  99 + </li>
  100 + </ul>
102 </div> 101 </div>
103 <div id="votacao"> 102 <div id="votacao">
104 - <span class="orcamento">CONFERÊNCIAS ESTADUAIS <strong>2015</strong></span>  
105 - <a href="http://participa.ma.gov.br/portal/conferencias" class="bt-conferencia">Leia mais</a> 103 + <span class='title'>Conferências Estaduais</span><span class='date'>2015-2016</span>
  104 + <a href="/conferencias-2015-2016">Leia mais!</a>
106 </div> 105 </div>
107 </div> 106 </div>
108 </div> 107 </div>
109 </div> 108 </div>
110 -  
111 -<div id="barra-psocial">  
112 - <span id="custom-menu">  
113 - <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participa-ma/images/biblioteca_digital.png" title="Biblioteca Digital"></a>  
114 - </span>  
115 - <div id="categories_menu">  
116 - <%= theme_include 'categories' %>  
117 - </div>  
118 - <div id="participa-languages">  
119 - <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>  
120 - <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>  
121 - </div>  
122 -</div>  
header.html.erb.save
@@ -1,116 +0,0 @@ @@ -1,116 +0,0 @@
1 -<div class="header-content">  
2 - <div role="banner" id="header">  
3 - <div>  
4 - <ul id="accessibility">  
5 - <li>  
6 - <a id="link-conteudo" href="#content" accesskey="1">  
7 - Ir para o conteúdo  
8 - <span>1</span>  
9 - </a>  
10 - </li>  
11 - <li>  
12 - <a id="link-navegacao" href="#barra-psocial" accesskey="2">  
13 - Ir para o menu  
14 - <span>2</span>  
15 - </a>  
16 - </li>  
17 - <li>  
18 - <a id="link-buscar" href="#portal-searchbox" accesskey="3">  
19 - Ir para a busca  
20 - <span>3</span>  
21 - </a>  
22 - </li>  
23 - <li>  
24 - <a id="link-rodape" href="#theme-footer" accesskey="4">  
25 - Ir para o rodapé  
26 - <span>4</span>  
27 - </a>  
28 - </li>  
29 - </ul>  
30 - <ul id="portal-siteactions">  
31 - <li id="siteaction-accessibility">  
32 - <a href="#">Acessibilidade</a>  
33 - </li>  
34 - <li id="siteaction-contraste">  
35 - <a href="#">Alto Contraste</a>  
36 - </li>  
37 - <li id="siteaction-mapadosite">  
38 - <a href="/search">Mapa do Site</a>  
39 - </li>  
40 - </ul>  
41 - <div id="sobre">  
42 - <ul>  
43 - <li id="link-faq">  
44 - <a href="/account/login">Entrar ou registre-se</a>  
45 - </li>  
46 - <li id="link-faq">  
47 - <a href="/ajuda/dicionario-da-participacao">Dicionário da Participação</a>  
48 - </li>  
49 - <li id="link-faq">  
50 - <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>  
51 - </li>  
52 - <li id="link-contact">  
53 - <a href="/contact/portal/new">Contato</a>  
54 - </li>  
55 - </ul>  
56 - </div>  
57 - <div id="logo">  
58 - <a title="Participa Maranhão" href="/">  
59 - <img src="/designs/themes/maranhao/images/logo-2015.png" title="Participa Maranhão"/>  
60 - </a>  
61 - </div>  
62 - <div id="links">  
63 - <ul>  
64 - <li><a href="http://participa.ma.gov.br/ajuda/ajuda/principios-da-participacao" class="principios">Princípios do Participa.MA</a></li>  
65 - <li><a href="http://participa.ma.gov.br/ajuda/ajuda/documentos-de-referencia " class="referencias">Documentos de Referência</a></li>  
66 - </ul>  
67 - </div>  
68 - <div role="search" id="portal-searchbox">  
69 - <form action="/search/articles">  
70 - <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">  
71 - <input type="submit" class="searchButton" value="Buscar"></form>  
72 - </div>  
73 - <div id="social-icons">  
74 - <ul>  
75 - <li>  
76 - <a id="sb_flickr" title="Flickr" href="https://www.flickr.com/photos/encantosdomaranhao/"><span>Flickr</span></a>  
77 - </li>  
78 - <li>  
79 - <a id="sb_face" title="Facebook" href="https://www.facebook.com/participama"><span>Facebook</span></a>  
80 - </li>  
81 - <li>  
82 - <a id="sb_youtb" title="Youtube" href="https://www.youtube.com/channel/UCjSWK6SYUVMWbPPLluXkRow"><span>Youtube</span></a>  
83 - </li>  
84 - <li>  
85 - <a id="sb_tweet" title="Twitter" href="https://twitter.com/GovernoMA"><span>Twitter</span></a>  
86 - </li>  
87 - </ul>  
88 - </div>  
89 - <div id="menu">  
90 - <ul>  
91 - <li><a class="link-sobre" href="http://participa.ma.gov.br/ajuda/ajuda/quem-somos">Sobre o Participa.MA</a></li>  
92 - <li><a class="link-participacao" href="http://participa.ma.gov.br/ajuda/ajuda/participacao-popular">Participação Popular</a></li>  
93 - <li><a class="link-eixos" href="http://participa.ma.gov.br/ajuda/ajuda/eixos-de-participacao">Eixos de Participação</a></li>  
94 - <li><a class="link-sistema" href="http://participa.ma.gov.br/ajuda/ajuda/sistema-estadual-de-participacao-popular">Sistema Estadual de Participação Popular</a></li>  
95 - </ul>  
96 - </div>  
97 - <div id="votacao">  
98 - <span class="orcamento">Participa <strong>2016</strong></span>  
99 -  
100 - </div>  
101 - </div>  
102 - </div>  
103 -</div>  
104 -  
105 -<div id="barra-psocial">  
106 - <span id="custom-menu">  
107 - <a href="http://biblioteca.participa.br/" target="_blank"><img src="/designs/themes/participa-ma/images/biblioteca_digital.png" title="Biblioteca Digital"></a>  
108 - </span>  
109 - <div id="categories_menu">  
110 - <%= theme_include 'categories' %>  
111 - </div>  
112 - <div id="participa-languages">  
113 - <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>  
114 - <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>  
115 - </div>  
116 -</div>  
images/.DS_Store
No preview for this file type
images/503-logo.jpg

9.42 KB

images/503-small.jpg

70.1 KB

images/503.jpg

174 KB

images/acesso-a-informacao.png

3.75 KB

images/acesso-a-infornacao.png

3.75 KB

images/arrow_down.jpg

567 Bytes

images/arrow_right.jpg

548 Bytes

images/background_footer.png

230 Bytes

images/balao-amarelo.png

2.54 KB

images/banner_header.jpg 0 → 100644

92.5 KB

images/barra-menu-user-bg.png

179 Bytes

images/barra-psocial-bg-contarste.png

187 Bytes

images/barra-psocial-bg.png

173 Bytes

images/barra-psocial.png

14.3 KB

images/bg-bloco-de-trilhas.jpg

49.9 KB

images/bg-btn-ver-mais-1px.png

159 Bytes

images/bg-fundo-verde-tags.png

1.02 KB

images/bg-linhas-cinza.png

3.01 KB

images/bg-menu-mobile-panel.png

1.47 KB

images/bg-menu-mobile.png

3.13 KB

images/bg-paginacao-preto.png

884 Bytes

images/bg-paginacao.png

856 Bytes

images/bg-palacio-do-planalto.jpg

95.1 KB

images/bg-palacio-ma.jpg

460 KB

images/bg-titulo-interno.png

142 Bytes

images/bg-titulo-login.png

216 Bytes

images/bg_h1.gif

35 Bytes

images/bg_h3_busca.gif

43 Bytes

images/bg_tags.png

305 Bytes

images/biblioteca_digital.png

10.2 KB

images/body-bg34.png

16.5 KB

images/border-hor.png

127 Bytes

images/border-ver.png

128 Bytes

images/botao-enviar-pairwise.png

1.85 KB

images/brasil.png

3.79 KB

images/btn_busca.png

969 Bytes

images/btn_cancelar_login.png

333 Bytes

images/btn_commit.png

969 Bytes

images/btn_continue.png

1.01 KB

images/btn_duvida_pairwise.png

2.85 KB

images/btn_duvida_pairwise_hover.png

3.12 KB

images/btn_entrar_login.png

445 Bytes

images/btn_entrar_login_hover.png

448 Bytes

images/bullet.png

174 Bytes

images/button-read-more-vazio-contraste.png

604 Bytes

images/button-read-more-vazio.png

1 KB

images/button-read-more2.png

1.85 KB

images/cabecalho_pairwise.png

52 KB

images/cadeado.png

850 Bytes

images/carta-comentarios.png

771 Bytes

images/coala.jpeg

5.21 KB

images/comentarios.png

579 Bytes

images/em-destaque.png

877 Bytes

images/enterprise-big.png

7.01 KB

images/enterprise-icon.png

1.04 KB

images/enterprise-minor.png

3.32 KB

images/enterprise-portrait.png

3.74 KB

images/enterprise-thumb.png

4.75 KB

images/facebook-widget.png

2.46 KB

images/facebook.png

624 Bytes

images/faixa_cores.png 0 → 100644

1010 Bytes

images/faixa_header_internal.png 0 → 100644

209 KB

images/faixainferior-vermelha.png 0 → 100644

48.8 KB

images/favicon.ico
No preview for this file type
images/flag-en.gif

538 Bytes

images/flag-en.png

2.09 KB

images/flag-es.gif

190 Bytes

images/flag-pt_br.png

1.71 KB

images/flickr.png

642 Bytes

images/footer-bg.png

3.13 KB

images/fundo-de-tela-amarelo.png

182 KB

images/google_follow.png

2.04 KB

images/google_follow.svg
@@ -1,23 +0,0 @@ @@ -1,23 +0,0 @@
1 -<?xml version="1.0" encoding="iso-8859-1"?>  
2 -<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->  
3 -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">  
4 -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  
5 - width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">  
6 -<circle id="circle_x5F_bg_17_" style="fill:#CF4832;" cx="16" cy="16" r="16.005"/>  
7 -<g>  
8 - <polygon style="fill:#FFFFFF;" points="24.376,9.896 22.499,9.896 22.499,13.646 18.747,13.646 18.747,15.523 22.499,15.523  
9 - 22.499,19.273 24.376,19.273 24.376,15.523 28.126,15.523 28.126,13.646 24.376,13.646 "/>  
10 -</g>  
11 -<g>  
12 - <path style="fill:#FFFFFF;" d="M14.933,25.068c-0.74-0.559-2.355-1.699-2.355-2.465c0-0.898,0.256-1.342,1.605-2.396  
13 - c1.387-1.082,2.367-2.51,2.367-4.279c0-1.93-0.789-3.678-2.27-4.527h2.102l1.787-1.879c0,0-5.91,0-8.008,0  
14 - c-4.061,0-7.447,2.996-7.447,6.291c0,3.367,2.225,6.051,6.045,6.051c0.264,0,0.523-0.01,0.775-0.027  
15 - C9.286,22.309,9.11,22.84,9.11,23.395c0,0.938,0.518,1.473,1.148,2.09c-0.48,0-0.941,0.01-1.449,0.01  
16 - c-1.805,0-3.395,0.486-4.67,1.254c0.396,0.436,0.814,0.85,1.254,1.238c1.1-0.949,2.709-1.561,4.471-1.541  
17 - c0.748,0.004,1.449,0.127,2.082,0.332c1.746,1.215,3.156,1.971,3.508,3.357c0.066,0.275,0.102,0.566,0.102,0.861  
18 - c0,0.34-0.033,0.666-0.098,0.982c0.174,0.006,0.342,0.025,0.518,0.025c0.639,0,1.264-0.047,1.883-0.119  
19 - c0.119-0.406,0.186-0.818,0.186-1.232C18.044,28.225,17.521,27.008,14.933,25.068z M10.306,20.645  
20 - c-2.156-0.066-4.209-2.049-4.58-4.881c-0.375-2.834,1.07-5.004,3.23-4.939c2.158,0.064,4.004,2.389,4.377,5.223  
21 - S12.464,20.707,10.306,20.645z"/>  
22 -</g>  
23 -</svg>  
images/header-bg.jpg

92.5 KB

images/header-bg.png

237 Bytes

images/header-border.png

1.18 KB

images/header.gif

279 Bytes

images/hub-arrow-right.png

349 Bytes

images/hub-not-pinned-icon.png

772 Bytes

images/hub-not-promote-icon.png

674 Bytes

images/hub-pinned-icon.png

772 Bytes

images/hub-promote-icon.png

674 Bytes

images/hub-remove-icon.png

567 Bytes

images/hub-samarelo-a.png

424 Bytes

images/hub-samarelo-b.png

426 Bytes

images/hub-samarelo.gif

357 Bytes