Commit cb6d343fc0a1917da079ce9a9b92b7e624f61e08

Authored by Leandro Santos
0 parents

initial theme

Showing 190 changed files with 5053 additions and 0 deletions   Show diff stats
README.md 0 → 100644
  1 +++ a/README.md
... ... @@ -0,0 +1,6 @@
  1 +Participa.gov Theme for Noosfero
  2 +================================
  3 +
  4 +Noosfero theme for the Participa.gov environment.
  5 +
  6 +Install on /public/designs/themes/participa
... ...
bli 0 → 100644
  1 +++ a/bli
... ... @@ -0,0 +1 @@
  1 +Test file
... ...
cabecalho-amarelo-theme.css 0 → 100644
  1 +++ a/cabecalho-amarelo-theme.css
... ... @@ -0,0 +1,550 @@
  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: #1659BF;/*(amarelo-claro)*/
  10 + /* Old browsers */
  11 + background-color: #f9c404; /*(amarelo-escuro)*/
  12 + background-image: -moz-radial-gradient(center, ellipse cover, #1659BF 1%, #0F4098 100%); /*(amarelo-claro)(amarelo-escuro)*/
  13 + /* FF3.6+ */
  14 + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#1659BF), color-stop(100%,#0F4098));
  15 + /* Chrome,Safari4+ */
  16 + background-image: -webkit-radial-gradient(center, ellipse cover, #1659BF 1%,#0F4098 100%);
  17 + /* Chrome10+,Safari5.1+ */
  18 + background-image: -o-radial-gradient(center, ellipse cover, #1659BF 1%,#0F4098 100%);
  19 + /* Opera 12+ */
  20 + background-image: -ms-radial-gradient(center, ellipse cover, #1659BF 1%,#0F4098 100%);
  21 + /* IE10+ */
  22 + background-image: radial-gradient(ellipse at center, #1659BF 1%,#0F4098 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: #FFF;
  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: #FFF !important;
  85 + margin: 1em 0px;
  86 +}
  87 +
  88 +#logo a, #logo #portal-title {
  89 + color: #FFF;
  90 +}
  91 +
  92 +#logo #portal-title {
  93 + margin: 30px 0px 46px 0px;
  94 + color: #FFF;
  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: #FFF;
  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: #CCC;
  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 #FFF;
  176 + padding: 0 10px;
  177 +}
  178 +
  179 +#theme-header .header-content #link-contact a {
  180 + padding-left: 10px;
  181 +}
  182 +
  183 +#theme-header #sobre {
  184 + line-height: 20px;
  185 + font-size: 12px;
  186 +}
  187 +/* */
  188 +
  189 +/* Sobre o brasil */
  190 +#sobre {
  191 + clear: both;
  192 + max-width: 100% !important;
  193 + margin: 0;
  194 + background: #0F4098;/*amarelo-mais-escuro*/
  195 + padding: 5px 0;
  196 +}
  197 +
  198 +#sobre ul {
  199 + max-width: 960px;
  200 + margin: 0 auto;
  201 + text-align: right;
  202 +}
  203 +
  204 +#sobre a {
  205 + color: #FFF;
  206 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  207 +}
  208 +
  209 +/*
  210 +#sobre .portalservicos-item a {
  211 + padding: 0 10px;
  212 + border-right: 1px solid #03316f;
  213 +}
  214 +
  215 +#sobre .last-item a {
  216 + padding: 0 0 0 10px;
  217 + border-right: none;
  218 +}
  219 +*/
  220 +
  221 +#sobre li {
  222 + padding: 0 10px;
  223 +}
  224 +
  225 +#sobre li + li {
  226 + border-left: 1px solid #FFFFFF;
  227 +}
  228 +
  229 +/* Searchbox */
  230 +.LSBox {
  231 + margin: 0;
  232 + padding: 0;
  233 + border: none;
  234 +}
  235 +
  236 +input.searchField {
  237 + -moz-appearance: none;
  238 +}
  239 +
  240 +#portal-searchbox {
  241 + clear: right;
  242 + float: right;
  243 + font-size: 80%;
  244 + margin: 30px 0 14px;
  245 + /*margin: 3.12em 0px 3px 0px;*/
  246 + text-align: right;
  247 + border-radius: 5px;
  248 + -moz-border-radius: 5px;
  249 + -webkit-border-radius: 5px;
  250 + border: 1px solid #CCCCCC;
  251 + background: #fff;
  252 + padding: 2px;
  253 +}
  254 +
  255 +#portal-searchbox .searchField {
  256 + padding: 0.45em;
  257 + border-right: none;
  258 + border: none;
  259 + width: 170px;
  260 +}
  261 +
  262 +#portal-searchbox form {
  263 +white-space: nowrap;
  264 +}
  265 +
  266 +#portal-searchbox label {
  267 +font-weight: normal;
  268 +}
  269 +
  270 +#searchGadget {
  271 +width: 13em;
  272 +}
  273 +
  274 +#header input.searchButton {
  275 + padding: 0.3em;
  276 + background: transparent;
  277 + text-indent: -2000px;
  278 + padding: 4px 15px;
  279 + border: none;
  280 +}
  281 +
  282 +#content input.searchField {
  283 +margin-bottom: 1em;
  284 +}
  285 +input.searchField {
  286 +-moz-appearance: searchfield;
  287 +}
  288 +
  289 +#header input.searchButton {
  290 + background-image: url("images/search-button.gif");
  291 + background-position: 8px 2px;
  292 + background-repeat: no-repeat;
  293 + background-color: #ffffff;
  294 +}
  295 +
  296 +#LSResult {
  297 + z-index: 1;
  298 + margin-top: 0.5%;
  299 +}
  300 +
  301 +
  302 +/* Search Button */
  303 +#search-button a {
  304 + display: inline-block;
  305 + width: 29px;
  306 + height: 25px;
  307 + margin-right: 3px;
  308 + margin-top: 10px;
  309 +}
  310 +
  311 +#search-button a:hover {
  312 + opacity: 0.6;
  313 +}
  314 +
  315 +#search-button #sb_search {
  316 +background-image: url(images/search.png);
  317 +background-size: 100% 100%;
  318 +}
  319 +
  320 +#search-button span { display: none; }
  321 +
  322 +
  323 +/* */
  324 +
  325 +/* Social Buttons */
  326 +#social-buttons a {
  327 + width: 18px;
  328 + height: 20px;
  329 + margin-right: 3px;
  330 + margin-top: 10px;
  331 +}
  332 +
  333 +#social-icons li a {
  334 + width: 20px;
  335 + height: 20px;
  336 + padding: 0px;
  337 + display: inline-block;
  338 + background-repeat: no-repeat;
  339 +}
  340 +
  341 +#social-icons li {
  342 + float: right;
  343 + width: 20px;
  344 + margin-left: 4px;
  345 +}
  346 +
  347 +#social-icons #sb_face {
  348 +background-image: url(images/icone-verde-facebook.png);
  349 +}
  350 +#social-icons #sb_face:hover {
  351 +background: url(images/icone-verde-facebook.png) 0 20px;
  352 +}
  353 +
  354 +#social-icons #sb_tweet {
  355 +background-image: url(images/icone-verde-twitter.png);
  356 +}
  357 +#social-icons #sb_tweet:hover {
  358 +background: url(images/icone-verde-twitter.png) 0 20px;
  359 +}
  360 +
  361 +#social-icons #sb_youtb {
  362 +background-image: url(images/icone-verde-youtube.png);
  363 +}
  364 +#social-icons #sb_youtb:hover {
  365 +background: url(images/icone-verde-youtube.png) 0 20px;
  366 +}
  367 +
  368 +#social-icons #sb_flickr {
  369 +background-image: url(images/icone-verde-flickr.png);
  370 +}
  371 +#social-icons #sb_flickr:hover {
  372 +background: url(images/icone-verde-flickr.png) 0 20px;
  373 +}
  374 +
  375 +#social-icons span { display: none; }
  376 +
  377 +/* FIM social Buttons */
  378 +
  379 +/****************** FIM cabecalho ******************/
  380 +
  381 +/************* Bar Psocial Style - Menu Horizontal**************/
  382 +#user{
  383 + padding: 0px 2em;
  384 + top: -30px;
  385 + font-size: 12px;
  386 + right: 4em;
  387 +}
  388 +
  389 +.logged-in #user{
  390 + top: -40px;
  391 +}
  392 +
  393 +#user form {
  394 + display:none;
  395 +}
  396 +
  397 +#user .logged-in {
  398 + visibility: hidden;
  399 + display: block;
  400 + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
  401 + display: block;
  402 + padding: 1em 0;
  403 + text-align: left;
  404 + width: 130px;
  405 + border-radius: 10px
  406 +}
  407 +
  408 +#user .logged-in:hover {
  409 + visibility: visible;
  410 +}
  411 +#user .logged-in a#homepage-link {
  412 + display: block;
  413 + visibility: visible;
  414 +}
  415 +
  416 +#user .logged-in span {display: none;}
  417 +
  418 +#user .logged-in a {
  419 + display: block;
  420 + margin-bottom: 10px;
  421 +}
  422 +
  423 +#user .logged-in #pending-tasks-count {
  424 + display: inline-block;
  425 + left: 0;
  426 + position: absolute;
  427 + top: 10px;
  428 + visibility: visible;
  429 +}
  430 +
  431 +#barra-psocial {
  432 + position: relative;
  433 + height: 40px;
  434 + margin: auto;
  435 + /*background: url(images/barra-psocial-bg.png) repeat-x;*/
  436 +}
  437 +
  438 +#barra-psocial li {
  439 + float: left;
  440 +}
  441 +
  442 +#assets-menu {
  443 + background: #E8E8E8;
  444 + top: 35px;
  445 + left: 80px;
  446 + min-width: 132px;
  447 +}
  448 +
  449 +#assets-menu a {
  450 + border: 1px solid #E8E8E8;
  451 +}
  452 +
  453 +#categories_menu {
  454 + /*max-width: 960px;*/
  455 + padding: 0 1em;
  456 + margin: auto;
  457 +}
  458 +
  459 +#custom-menu {
  460 + /*background: url(images/marca-participacao-social.png) no-repeat center left;
  461 + height: 40px;
  462 + padding-left: 60px;*/
  463 +}
  464 +
  465 +#cat_menu li {
  466 + list-style: none;
  467 + font-size: 12px;
  468 + font-weight: bold;
  469 + padding: 0px 20px;
  470 + height: 100%;
  471 + text-transform: uppercase;
  472 +}
  473 +
  474 +#cat_menu li:hover {
  475 + background-color: #E1E4E4;
  476 +}
  477 +
  478 +#cat_menu li a {
  479 + line-height: 40px;
  480 + width: 100%;
  481 + height: 100%;
  482 + display: block;
  483 +}
  484 +/************* FIM Bar Psocial Style - Menu Horizontal**************/
  485 +
  486 +
  487 +/******************Footer - Rodapé**********************************/
  488 +#theme-footer {
  489 + width: 100%;
  490 +}
  491 +
  492 +#footer-content {
  493 + background: #fff;
  494 +}
  495 +
  496 +#footer-logos {
  497 + background: #0F4098;
  498 + max-width: 100%;
  499 + padding: 2em 0;
  500 + height: 49px;
  501 +}
  502 +
  503 +#footer-logos div {
  504 + max-width: 960px;
  505 + margin: 0 auto;
  506 +}
  507 +
  508 +#footer-logos a {
  509 + display: block;
  510 + height: 49px;
  511 + float: left;
  512 +}
  513 +
  514 +#footer-logos span {
  515 + display: none;
  516 +}
  517 +
  518 +#footer-logos .logo-acesso {
  519 + background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
  520 + width: 107px;
  521 +}
  522 +
  523 +#footer-logos .logo-brasil {
  524 + background: transparent url(images/brasil.png) center center no-repeat;
  525 + width: 153px;
  526 +}
  527 +
  528 +#footer-logos .logo-sgpr {
  529 + background: transparent url(images/sgpr.png) center center no-repeat;
  530 + width: 187px;
  531 + margin-right: 30px;
  532 +}
  533 +
  534 +#footer-logos .institucionais {
  535 + float: right;
  536 +}
  537 +
  538 +#footer-license {
  539 + max-width: 960px;
  540 + margin: 0 auto;
  541 + text-align: left;
  542 + padding: 19px;
  543 +}
  544 +
  545 +#footer-license p {
  546 + color: #F28F00;
  547 + text-align: left;
  548 +}
  549 +
  550 +
... ...
cabecalho-theme.css 0 → 100644
  1 +++ a/cabecalho-theme.css
... ... @@ -0,0 +1,372 @@
  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 0 → 100644
  1 +++ a/cabecalho-verde-theme.css
... ... @@ -0,0 +1,522 @@
  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 0 → 100644
  1 +++ a/categories.html.erb
... ... @@ -0,0 +1,7 @@
  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 0 → 100644
  1 +++ a/errors.css
... ... @@ -0,0 +1,65 @@
  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 +}
0 66 \ No newline at end of file
... ...
favicon.ico 0 → 100644
No preview for this file type
footer.html.erb 0 → 100644
  1 +++ a/footer.html.erb
... ... @@ -0,0 +1,19 @@
  1 +<div id="footer-content">
  2 + <div id="footer-logos">
  3 + <div>
  4 + <a class="logo-acesso" href="http://www.acessoainformacao.gov.br/" target="_blank"><span>Acesso a Informação</span></a>
  5 + <div class="institucionais">
  6 + <a class="logo-sgpr" href="http://www.secretariageral.gov.br/" target="_blank"><span>Secretaria-geral da Presidência da República</span></a>
  7 + <a class="logo-brasil" href="http://www.brasil.gov.br/" target="_blank"><span>Brasil - Governo Federal</span></a>
  8 + </div>
  9 + </div>
  10 + </div><!-- end id="footer-logos" -->
  11 +
  12 + <div id="footer-license">
  13 + <p>
  14 + Este site utiliza o software livre <a href="http://noosfero.org" target="_blank">Noosfero</a>, licenciado pela <a href="http://www.gnu.org/licenses/agpl.html" target="_blank">GNU Affero General Public License, versão 3 ou superior.<a>
  15 + </p>
  16 + </div><!-- end id="footer-license" -->
  17 +</div>
  18 +
  19 +<script src="http://barra.brasil.gov.br/barra.js" type="text/javascript"></script>
... ...
header.html.erb 0 → 100644
  1 +++ a/header.html.erb
... ... @@ -0,0 +1,116 @@
  1 +<div id="barra-brasil">
  2 + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
  3 +</div>
  4 +
  5 +
  6 +<div class="header-content">
  7 + <div role="banner" id="header">
  8 + <div>
  9 + <ul id="accessibility">
  10 + <li>
  11 + <a id="link-conteudo" href="#content" accesskey="1">
  12 + Ir para o conteúdo
  13 + <span>1</span>
  14 + </a>
  15 + </li>
  16 + <li>
  17 + <a id="link-navegacao" href="#barra-psocial" accesskey="2">
  18 + Ir para o menu
  19 + <span>2</span>
  20 + </a>
  21 + </li>
  22 + <li>
  23 + <a id="link-buscar" href="#portal-searchbox" accesskey="3">
  24 + Ir para a busca
  25 + <span>3</span>
  26 + </a>
  27 + </li>
  28 + <li>
  29 + <a id="link-rodape" href="#theme-footer" accesskey="4">
  30 + Ir para o rodapé
  31 + <span>4</span>
  32 + </a>
  33 + </li>
  34 + </ul>
  35 + <ul id="portal-siteactions">
  36 + <li id="siteaction-accessibility">
  37 + <a href="#">Acessibilidade</a>
  38 + </li>
  39 + <li id="siteaction-contraste">
  40 + <a href="#">Alto Contraste</a>
  41 + </li>
  42 + <li id="siteaction-mapadosite">
  43 + <a href="/search">Mapa do Site</a>
  44 + </li>
  45 + </ul>
  46 +
  47 + <div id="logo">
  48 + <a title="Participa.br" href="/">
  49 + <span id="portal-title">Portal SINESP</span>
  50 + </a>
  51 + </div>
  52 +
  53 + <div role="search" id="portal-searchbox">
  54 + <form action="/search/articles">
  55 + <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
  56 + <input type="submit" class="searchButton" value="Buscar"></form>
  57 + </div>
  58 +
  59 + <div id="social-icons">
  60 + <ul>
  61 + <li>
  62 + <a id="sb_flickr" title="Flickr" href="http://flickr.com/justicaGovBR"><span>Flickr</span></a>
  63 + </li>
  64 + <li>
  65 + <a id="sb_face" title="Facebook" href="http://facebook.com/JusticaGovBR"><span>Facebook</span></a>
  66 + </li>
  67 + <li>
  68 + <a id="sb_youtb" title="Youtube" href="http://youtube.com/JusticaGovBR"><span>Youtube</span></a>
  69 + </li>
  70 + <li>
  71 + <a id="sb_tweet" title="Twitter" href="https://twitter.com/JusticaGovBR"><span>Twitter</span></a>
  72 + </li>
  73 + </ul>
  74 + </div>
  75 + </div>
  76 +
  77 + <div id="sobre">
  78 + <ul>
  79 + <li id="link-institucional">
  80 + <a href="/sinesp/institucional">Institucional</a>
  81 + </li>
  82 + <li id="link-perguntas-frequentes">
  83 + <a href="/sinesp/perguntas-frequentes">Perguntas frequentes</a>
  84 + </li>
  85 + <li id="link-ouvidoria-do-mj">
  86 + <a href="/sinesp/ouvidoria-do-mj">Ouvidoria do MJ</a>
  87 + </li>
  88 + <li id="link-acesso-a-sistemas">
  89 + <a href="/sinesp/acesso-a-sistemas">Acesso a sistemas</a>
  90 + </li>
  91 + <li id="link-dados-abertos">
  92 + <a href="/sinesp/dados-abertos">Dados abertos</a>
  93 + </li>
  94 + <li id="link-area-de-imprensa">
  95 + <a href="/sinesp/area-de-imprensa">Área de imprensa</a>
  96 + </li>
  97 + <li id="link-planos-e-programas">
  98 + <a href="/sinesp/planos-e-programas">Planos e programas</a>
  99 + </li>
  100 + </ul>
  101 + </div>
  102 + </div>
  103 +</div>
  104 +
  105 +<div id="barra-psocial">
  106 + <span id="custom-menu">
  107 + <a href="http://bdjur.stj.jus.br/" target="_blank"><img src="/designs/themes/participa-theme/images/biblioteca_digital_sinesp.jpg" 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/503-logo.jpg 0 → 100644

9.42 KB

images/503-small.jpg 0 → 100644

70.1 KB

images/503.jpg 0 → 100644

174 KB

images/acesso-a-informacao.png 0 → 100644

3.75 KB

images/acesso-a-infornacao.png 0 → 100644

3.75 KB

images/arrow_down.jpg 0 → 100644

567 Bytes

images/arrow_right.jpg 0 → 100644

548 Bytes

images/background_footer.png 0 → 100644

230 Bytes

images/balao-amarelo.png 0 → 100644

2.54 KB

images/barra-menu-user-bg.png 0 → 100644

179 Bytes

images/barra-psocial-bg-contarste.png 0 → 100644

187 Bytes

images/barra-psocial-bg.png 0 → 100644

173 Bytes

images/barra-psocial.png 0 → 100644

14.3 KB

images/bg-bloco-de-trilhas.jpg 0 → 100644

49.9 KB

images/bg-bloco-de-trilhas.png 0 → 100644

245 KB

images/bg-btn-ver-mais-1px.png 0 → 100644

159 Bytes

images/bg-fundo-verde-tags.png 0 → 100644

1.02 KB

images/bg-linhas-cinza.png 0 → 100644

3.01 KB

images/bg-menu-mobile-panel.png 0 → 100644

1.47 KB

images/bg-menu-mobile.png 0 → 100644

3.13 KB

images/bg-paginacao-preto.png 0 → 100644

884 Bytes

images/bg-paginacao.png 0 → 100644

856 Bytes

images/bg-palacio-do-planalto.jpg 0 → 100644

95.1 KB

images/bg-titulo-interno.png 0 → 100644

142 Bytes

images/bg-titulo-login.png 0 → 100644

216 Bytes

images/bg_h1.gif 0 → 100644

35 Bytes

images/bg_h3_busca.gif 0 → 100644

43 Bytes

images/bg_tags.png 0 → 100644

305 Bytes

images/biblioteca_digital.png 0 → 100644

10.2 KB

images/biblioteca_digital_sinesp.jpg 0 → 100644

3.95 KB

images/border-hor.png 0 → 100644

127 Bytes

images/border-ver.png 0 → 100644

128 Bytes

images/botao-enviar-pairwise.png 0 → 100644

1.85 KB

images/brasil.png 0 → 100644

3.79 KB

images/btn_busca.png 0 → 100644

969 Bytes

images/btn_cancelar_login.png 0 → 100644

333 Bytes

images/btn_commit.png 0 → 100644

969 Bytes

images/btn_continue.png 0 → 100644

1.01 KB

images/btn_duvida_pairwise.png 0 → 100644

2.85 KB

images/btn_duvida_pairwise_hover.png 0 → 100644

3.12 KB

images/btn_entrar_login.png 0 → 100644

445 Bytes

images/btn_entrar_login_hover.png 0 → 100644

448 Bytes

images/bullet.png 0 → 100644

174 Bytes

images/button-read-more-vazio-contraste.png 0 → 100755

648 Bytes

images/button-read-more-vazio.png 0 → 100644

648 Bytes

images/button-read-more2.png 0 → 100644

2.17 KB

images/cabecalho_pairwise.png 0 → 100755

52 KB

images/cadeado.png 0 → 100644

850 Bytes

images/carta-comentarios.png 0 → 100644

771 Bytes

images/coala.jpeg 0 → 100644

5.21 KB

images/comentarios.png 0 → 100644

579 Bytes

images/em-destaque.png 0 → 100644

877 Bytes

images/enterprise-big.png 0 → 100644

7.01 KB

images/enterprise-icon.png 0 → 100644

1.04 KB

images/enterprise-minor.png 0 → 100644

3.32 KB

images/enterprise-portrait.png 0 → 100644

3.74 KB

images/enterprise-thumb.png 0 → 100644

4.75 KB

images/facebook-widget.png 0 → 100644

2.46 KB

images/facebook.png 0 → 100644

624 Bytes

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

538 Bytes

images/flag-en.png 0 → 100644

2.09 KB

images/flag-es.gif 0 → 100644

190 Bytes

images/flag-pt_br.png 0 → 100644

1.71 KB

images/flickr.png 0 → 100644

642 Bytes

images/fundo-de-tela-amarelo.png 0 → 100644

182 KB

images/fundo3.jpg 0 → 100644

137 KB

images/fundo4.jpg 0 → 100644

70 KB

images/google_follow.png 0 → 100644

2.04 KB

images/google_follow.svg 0 → 100644
  1 +++ a/images/google_follow.svg
... ... @@ -0,0 +1,23 @@
  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.gif 0 → 100644

279 Bytes

images/hub-arrow-right.png 0 → 100644

349 Bytes

images/hub-not-pinned-icon.png 0 → 100644

772 Bytes

images/hub-not-promote-icon.png 0 → 100644

674 Bytes

images/hub-pinned-icon.png 0 → 100644

772 Bytes

images/hub-promote-icon.png 0 → 100644

674 Bytes

images/hub-remove-icon.png 0 → 100644

567 Bytes

images/hub-samarelo-a.png 0 → 100644

424 Bytes

images/hub-samarelo-b.png 0 → 100644

426 Bytes

images/hub-samarelo.gif 0 → 100644

357 Bytes

images/hub-sverde-a.png 0 → 100644

438 Bytes

images/hub-sverde-b.png 0 → 100644

438 Bytes

images/hub-svermelho-a.png 0 → 100644

373 Bytes

images/hub-svermelho-b.png 0 → 100644

374 Bytes

images/hub-time-bg.gif 0 → 100644

807 Bytes

images/icone-branco-facebook.png 0 → 100644

1.05 KB

images/icone-branco-flickr.png 0 → 100644

1.09 KB

images/icone-branco-twitter.png 0 → 100644

1.14 KB

images/icone-branco-youtube.png 0 → 100644

1.3 KB

images/icone-facebook.gif 0 → 100644

741 Bytes

images/icone-facebook.png 0 → 100644

286 Bytes

images/icone-flickr.png 0 → 100644

283 Bytes

images/icone-related-items.png 0 → 100644

1.19 KB

images/icone-twitter.png 0 → 100644

569 Bytes

images/icone-verde-facebook.png 0 → 100644

1.26 KB

images/icone-verde-flickr.png 0 → 100644

1.29 KB

images/icone-verde-twitter.png 0 → 100644

1.4 KB

images/icone-verde-youtube.png 0 → 100644

1.75 KB

images/icone-youtube.png 0 → 100644

502 Bytes

images/img_login_popUp.png 0 → 100644

19.5 KB

images/instagram-widget.png 0 → 100644

3.91 KB

images/logo-PS-barra-pb.png 0 → 100644

1.75 KB

images/logo-PS-barra.png 0 → 100644

2.17 KB

images/logo-participa.png 0 → 100644

19.6 KB

images/logo_facebook_50x50.png 0 → 100644

905 Bytes

images/logo_twitter_50x50.png 0 → 100644

1.73 KB

images/logo_twitter_bird_blue_50x50.png 0 → 100644

1.08 KB

images/logo_twitter_bird_white_50x50.png 0 → 100644

1.02 KB

images/mais_fotos.png 0 → 100644

2.56 KB

images/marca-participacao-social.png 0 → 100644

2.06 KB

images/mascote-bug.png 0 → 100644

15 KB

images/menu-ativo.gif 0 → 100644

161 Bytes

images/menu-mobile-item.png 0 → 100644

993 Bytes

images/negative-hand.png 0 → 100644

1.09 KB

images/no-image.gif 0 → 100644

43 Bytes

images/no-image.png 0 → 100644

1018 Bytes

images/oops.png 0 → 100644

6.91 KB

images/person-minor.png 0 → 100644

1.1 KB

images/person-minor_50.png 0 → 100644

856 Bytes

images/portlet-footer-textmore.png 0 → 100644

2.58 KB

images/portlet-header-expanded.gif 0 → 100644

1.87 KB

images/portlet-header.gif 0 → 100644

2.3 KB

images/positive-hand.png 0 → 100644

1.1 KB

images/prompt_bg.png 0 → 100644

3.62 KB

images/prompt_bg_hover.png 0 → 100644

2.81 KB

images/prompt_bg_normal.png 0 → 100644

947 Bytes

images/read-more-home.png 0 → 100644

181 Bytes

images/readmoreblue.png 0 → 100644

800 Bytes

images/readmorebrown.png 0 → 100644

767 Bytes

images/readmoredarkblue.png 0 → 100644

811 Bytes

images/readmoredarkgray.png 0 → 100644

468 Bytes

images/readmoregray.png 0 → 100644

702 Bytes

images/readmoregreen.png 0 → 100644

782 Bytes

images/readmoreorange.png 0 → 100644

737 Bytes

images/readmorepurple.png 0 → 100644

772 Bytes

images/readmorewhiteblue.png 0 → 100644

1.23 KB

images/reportar-erros.png 0 → 100644

2.71 KB

images/rss.png 0 → 100644

1.83 KB

images/rss.svg 0 → 100644
  1 +++ a/images/rss.svg
... ... @@ -0,0 +1,14 @@
  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 style="fill:#EF8647;" cx="16" cy="16.001" r="16"/>
  7 +<g>
  8 + <circle style="fill:#FFFFFF;" cx="10.617" cy="21.625" r="2.287"/>
  9 + <path style="fill:#FFFFFF;" d="M19.385,23.912h-3.242c0-4.316-3.496-7.812-7.812-7.812l0,0v-3.242
  10 + C14.436,12.858,19.385,17.807,19.385,23.912z"/>
  11 + <path style="fill:#FFFFFF;" d="M21.668,23.912c0-7.366-5.971-13.339-13.338-13.339V7.237c9.211,0,16.676,7.465,16.676,16.675
  12 + H21.668z"/>
  13 +</g>
  14 +</svg>
... ...
images/search-buttom.gif 0 → 100644

1.18 KB

images/search-button-30px.gif 0 → 100644

1.72 KB

images/search-button.gif 0 → 100644

1.18 KB

images/search-ico.png 0 → 100644

747 Bytes

images/search.png 0 → 100644

1002 Bytes

images/sections-ico.png 0 → 100644

237 Bytes

images/seta_cidadania_justica.png 0 → 100644

1.18 KB

images/seta_ciencia_tecnologia.png 0 → 100644

1.17 KB

images/seta_cultura.png 0 → 100644

1.18 KB

images/seta_defesa_seguranca.png 0 → 100644

1.21 KB

images/seta_economia_emprego.png 0 → 100644

1.18 KB

images/seta_educacao.png 0 → 100644

1.19 KB

images/seta_esporte.png 0 → 100644

1.23 KB

images/seta_governo.png 0 → 100644

1.22 KB

images/seta_infraestrutura.png 0 → 100644

1.19 KB

images/seta_meio_ambiente.png 0 → 100644

1.19 KB

images/seta_saude.png 0 → 100644

1.2 KB

images/seta_tursimo.png 0 → 100644

1.21 KB

images/sgpr.png 0 → 100644

4.13 KB

images/shadow-bottom.gif 0 → 100644

1.13 KB

images/site-footer.png 0 → 100644

157 Bytes

images/sprite-icons.png 0 → 100644

3.79 KB

images/sprite-setas.png 0 → 100644

1.44 KB

images/sprite.png 0 → 100644

5.53 KB

images/sprite_social-2.png 0 → 100644

3.71 KB

images/sprite_social-verde.png 0 → 100644

4.44 KB

images/sprite_social.png 0 → 100644

3.66 KB

images/steps_bg.png 0 → 100644

153 Bytes

images/thin-logo.png 0 → 100644

5.17 KB

images/touch_icon.png 0 → 100644

608 Bytes

images/twitter-widget.png 0 → 100644

2.1 KB

images/twitter.png 0 → 100644

754 Bytes

images/usuario_participa.png 0 → 100644

4.96 KB

images/visualizacoes.png 0 → 100644

893 Bytes

images/voltar-topo.png 0 → 100644

292 Bytes

images/youtube.png 0 → 100644

983 Bytes

preview.png 0 → 100644

10.3 KB

site_title.html.erb 0 → 100644
  1 +++ a/site_title.html.erb
... ...
style.css 0 → 100644
  1 +++ a/style.css
... ... @@ -0,0 +1,3303 @@
  1 +@import url(../profile-base/style.css);
  2 +/******************** cabecalho verde ********************/
  3 +/*@import url(cabecalho-verde-theme.css);*/
  4 +/****************** FIM cabecalho verde ******************/
  5 +/******************** cabecalho amarelo ********************/
  6 +@import url(cabecalho-amarelo-theme.css);
  7 +/****************** FIM cabecalho amarelo ******************/
  8 +@font-face {
  9 + font-family: 'Open Sans';
  10 + font-style: normal;
  11 + font-weight: 400;
  12 + src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  13 +}
  14 +@font-face {
  15 + font-family: 'Open Sans Bold';
  16 + font-style: normal;
  17 + font-weight: 700;
  18 + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  19 +}
  20 +@font-face {
  21 + font-family: 'Open Sans Extrabold';
  22 + font-style: normal;
  23 + font-weight: 800;
  24 + src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  25 +}
  26 +
  27 +#block-types-container #block-types .block-types-group .tags-block {
  28 + width: 112px;
  29 +}
  30 +
  31 +.block-types-group {
  32 + padding: 10px 2px 0 2px;
  33 + background-color: rgba(255, 255, 255, 0.3);
  34 +}
  35 +#custom-menu a:hover {
  36 + background-color: #E1E4E4;
  37 +}
  38 +
  39 +#site-title {
  40 + display: none;
  41 +}
  42 +#custom-menu {
  43 + display: inline-block;
  44 + margin-left: 10px;
  45 + float: left;
  46 +}
  47 +#categories_menu {
  48 + float: left;
  49 +}
  50 +#custom-menu img {
  51 + height: 30px;
  52 +}
  53 +#custom-menu a {
  54 + padding: 5px;
  55 + display: inline-block;
  56 +}
  57 +
  58 +#theme-header {
  59 + height: auto;
  60 +}
  61 +
  62 +#wrap-2 {
  63 + margin-top: 0;
  64 +}
  65 +
  66 +#wrap-1, #theme-footer {
  67 + margin: auto;
  68 + width: 100%;
  69 +}
  70 +
  71 +#barra-brasil {
  72 + z-index: 99;
  73 + width: 100%;
  74 + border-bottom: 1px solid #eee;
  75 +}
  76 +
  77 +div#wrapper-barra-brasil {
  78 + width: 960px;
  79 + font-family: Arial, Helvetica, sans-serif !important;
  80 +}
  81 +
  82 +
  83 +/****************** Estilos basicos ******************/
  84 +
  85 +/******* itens do gov-plone.css *******/
  86 +/*
  87 +* { margin: 0; padding: 0; }*/
  88 +* :link,:visited { text-decoration:none }
  89 +* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
  90 +* a img,:link img,:visited img { border:none }
  91 +a { outline: none; }
  92 +table { border-spacing: 0; }
  93 +img { vertical-align: text-bottom; }
  94 +iframe { border-width: 0; border-style:none; }
  95 +/* */
  96 +
  97 +
  98 +/* Cores e fontes */
  99 +body {
  100 + background-color: #fff;
  101 + color: #000000;
  102 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  103 + /*font-size: 62.5%;*/
  104 + /* with this 1em = 10px */;
  105 +}
  106 +
  107 +.profile-image-block .admin-link {
  108 + font-size: 100%;
  109 +}
  110 +
  111 +h1, h2, h3, h4, h5, h6 {
  112 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  113 +}
  114 +
  115 +#content h1 {
  116 + margin-top: 0;
  117 +}
  118 +
  119 +.modal {
  120 + top: 50%;
  121 +}
  122 +
  123 +a:link, #content a:link, dl.portlet a:link {
  124 + color: #2c67cd;
  125 + /*border-bottom: none;*/
  126 +}
  127 +
  128 +a:visited, #content a:visited, dl.portlet a:visited {
  129 + color: #2c67cd;
  130 +}
  131 +
  132 +#content a:hover, dl.portlet a:hover {
  133 + color: #000;
  134 +}
  135 +
  136 +#category-ajax-selector .select-subcategory-link:hover {
  137 + color: #fff;
  138 +}
  139 +
  140 +#user .logged-in span.task-count {
  141 + display: inline-block;
  142 +}
  143 +
  144 +body div.overlaybg div.close,
  145 +body div.overlay div.close {
  146 + right: -14px;
  147 + left: auto;
  148 +}
  149 +
  150 +a:focus {
  151 + outline: 2px solid #f1ca7f;
  152 +}
  153 +
  154 +h1 {
  155 + color: #172838;
  156 + font-size: 2em;
  157 + border-bottom: none;
  158 +}
  159 +
  160 +h2, h3, h4, h5, h6 {
  161 + color: #231f20;
  162 +}
  163 +
  164 +h1 {
  165 + margin: 0.5em 0 0.5em;
  166 + line-height: 1.3em;
  167 +}
  168 +
  169 +h2, h3 {
  170 + margin: 0 0 0.5em 0;
  171 + line-height: 1.3em;
  172 +}
  173 +
  174 +p {
  175 + line-height: 1.8em;
  176 + margin: 0 0 1em 0;
  177 +}
  178 +
  179 +#wrapper {
  180 + margin: 0 auto;
  181 + font-size: 1.2em;
  182 + width: 100%;
  183 +}
  184 +
  185 +#main {
  186 + background: #fff;
  187 + font-size: 1.3em;
  188 + padding: 1em 0;
  189 + max-width: 960px;
  190 + margin: 0 auto;
  191 +}
  192 +
  193 +.article-types .description {
  194 + /*font-size: x-small;*/
  195 +}
  196 +
  197 +/*Registro de usuário*/
  198 +
  199 +.action-account-signup .no-boxes form {
  200 + margin: 0px;
  201 +}
  202 +
  203 +.action-account-signup .singup_text {
  204 + display: inline-block;
  205 + float: left;
  206 + margin-right: 5%;
  207 + margin-top: 70px;
  208 + width: 30%;
  209 +}
  210 +
  211 +.action-account-signup #signup-form-header,
  212 +.action-account-signup #signup-form-profile {
  213 + display: inline-block;
  214 + float: right;
  215 + width: 60%;
  216 +}
  217 +
  218 +.action-account-signup form>p {
  219 + clear: both;
  220 +}
  221 +
  222 +/*Fim Registro de usuário*/
  223 +
  224 +/* PopUp Login*/
  225 +
  226 +#colorbox .login-box .button-bar a.icon-close{
  227 + width: auto !important;
  228 +}
  229 +
  230 +#colorbox .login-box{
  231 + width: 700px;
  232 + background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
  233 +}
  234 +
  235 +#colorbox .login-box h2{
  236 + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
  237 + color: #757575;
  238 + font-size: 20px;
  239 + font-style: italic;
  240 + font-weight: normal;
  241 + width: 45%;
  242 +}
  243 +
  244 +#colorbox .login-box form {
  245 + margin: 0;
  246 + width: 45%;
  247 + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
  248 +}
  249 +
  250 +#colorbox .login-box .formfieldline input {
  251 + width: 95%;
  252 +}
  253 +
  254 +#colorbox .login-box .button-bar input.icon-login {
  255 + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
  256 + border: 0px none;
  257 + font-family: arial,sans-serif;
  258 + font-size: 16px;
  259 + font-weight: bold;
  260 + height: 50px !important;
  261 + max-height: 50px !important;
  262 + padding: 0;
  263 + text-transform: uppercase;
  264 + width: 145px;
  265 + cursor: pointer;
  266 +}
  267 +
  268 +#colorbox .login-box .button-bar input.icon-login:hover {
  269 + background-image: url("images/btn_entrar_login_hover.png");
  270 +}
  271 +
  272 +#colorbox .login-box .button-bar a.icon-close {
  273 + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
  274 + background-color: #FCE9E8;
  275 + background-image: none;
  276 + border: 0 none;
  277 + border-radius: 5px 5px 5px 5px;
  278 + color: #CE5E5E;
  279 + font-size: 16px;
  280 + font-weight: bold;
  281 + height: 35px;
  282 + padding: 14px 13px 0;
  283 + text-align: center;
  284 + text-transform: uppercase;
  285 + width: 115px;
  286 +}
  287 +#colorbox .login-box .button-bar a.icon-close:hover {
  288 + background-color: #FFD1CF;
  289 +}
  290 +
  291 +#colorbox .login-box .button-bar input.submit,
  292 +#colorbox .login-box .button-bar a.icon-close {
  293 + border: 0px none;
  294 +}
  295 +
  296 +#colorbox .login-box .button-bar {
  297 + float: none;
  298 + margin-bottom: 1em;
  299 + margin-top: 1em;
  300 + width: 100%;
  301 +}
  302 +
  303 +#colorbox .login-box .button-bar .icon-add{
  304 + background-color: #F7E074;
  305 + background-image: none;
  306 + color: #004B82;
  307 + float: right;
  308 + font-size: 16px;
  309 + font-weight: bold;
  310 + margin-right: 75px;
  311 + padding: 10px;
  312 + position: relative;
  313 + text-align: center;
  314 + top: -3em;
  315 + width: 30%;
  316 +}
  317 +
  318 +#colorbox .login-box .button-bar .icon-add span{
  319 + border-bottom: 1px solid #F7E074;
  320 +}
  321 +
  322 +#colorbox .login-box form .button-bar {
  323 + float: none;
  324 + width: 100%
  325 +}
  326 +
  327 +#email-check, #fake-check, #password-rate, #password-check {
  328 + width: 375px;
  329 +}
  330 +
  331 +#signup-form small#signup-balloon,
  332 +#signup-form small#password-balloon,
  333 +#signup-form small#password-confirmation-balloon,
  334 +#signup-form small#email-balloon,
  335 +#signup-form small#name-balloon {
  336 + right: 0;
  337 +}
  338 +
  339 +/*Fim PopUp Login*/
  340 +
  341 +/* Menu List left */
  342 +/*Estilo nos blocos laterais*/
  343 +
  344 +
  345 +.design-menu {
  346 + display: inline-block;
  347 +}
  348 +
  349 +.box-1 {
  350 + /* display: inline-block;*/
  351 +}
  352 +
  353 +.box-2 {
  354 + display: inline-block;
  355 + vertical-align: top;
  356 +}
  357 +
  358 +.box-2 .block .block-inner-2,
  359 +.box-3 .block .block-inner-2{
  360 + padding: 0 0 1em;
  361 +}
  362 +
  363 +#content .box .block-title {
  364 + font-size: 12px;
  365 + text-align: left;
  366 + border-top: 4px solid #757575;
  367 + background: #eeefff;
  368 + border-bottom: none;
  369 + color: #757575;
  370 + padding: 8px 8px 24px 10px;
  371 + text-transform: uppercase;
  372 + /*margin: 0;*/
  373 +}
  374 +
  375 +#content .box-1 .block-title {
  376 + background: url("images/bg-titulo-interno.png") repeat-x scroll 0 0 #FFF;
  377 + border-bottom: medium none;
  378 + border-top: 0px solid #757575;
  379 + color: #757575;
  380 + font-size: 12px;
  381 + padding: 0px;
  382 + text-align: left;
  383 + text-transform: uppercase;
  384 +}
  385 +
  386 +#content .box-1 .block-title span{
  387 + background-color: #fff;
  388 + background-image: none;
  389 + padding: 0 1em 0 0;
  390 +}
  391 +
  392 +.action-home-index #content .box-1 .block-title,
  393 +.action-environment_design-index #content .box-1 .block-title {
  394 + background: none repeat-x scroll 0 0 transparent;
  395 + padding: 8px 8px 24px 10px;
  396 +
  397 +}
  398 +
  399 +.action-home-index #content .box-1 .block-title span,
  400 +.action-environment_design-index #content .box-1 .block-title span {
  401 + background-image: none;
  402 +}
  403 +
  404 +/**/
  405 +
  406 +/*#content .box-1 .block-title {
  407 + border-top: 0px hidden transparent;
  408 + padding: 0px;
  409 + background: transparent;
  410 +}*/
  411 +
  412 +
  413 +/*documentos recentes - todo o site*/
  414 +#content .recent-documents-block ul {
  415 + margin-left: 0;
  416 + padding: 0;
  417 +}
  418 +
  419 +#content .recent-documents-block li {
  420 + background: none repeat scroll 0 0 #EEEFFF;
  421 + border-bottom: 1px solid #CCCCCC;
  422 + display: block;
  423 + margin: 0;
  424 + min-height: 1em;
  425 + padding: 8px;
  426 + text-align: left;
  427 +}
  428 +
  429 +#content .recent-documents-block li a {
  430 + color: #464A55;
  431 + line-height: 1em;
  432 +}
  433 +
  434 +#content .recent-documents-block li a:hover{
  435 + color: #000;
  436 +}
  437 +
  438 +#content .recent-documents-block .block-title {
  439 + border-bottom: 1px solid #757575;
  440 + margin-bottom: 0;
  441 +}
  442 +
  443 +#content .link-list-block li {
  444 + border-bottom: 1px solid #ddd;
  445 + border-top: none;
  446 + padding: 0;
  447 + margin: 0;
  448 +
  449 +}
  450 +
  451 +#content .link-list-block li a {
  452 + background-color: #fff;
  453 + /*border-bottom: 1px solid #64946E !important;*/
  454 + border-bottom: 1px solid #ccc !important;
  455 + border-radius: 0 0 0 0;
  456 + border-right: medium none;
  457 + border-top: 0px solid #64946E !important;
  458 + color: #436976;
  459 + font-weight: normal;
  460 + width: auto;
  461 + font-size: 12px;
  462 + padding-left: 30px;
  463 + padding-right: 5px;
  464 + background-position: 7px 50%;
  465 +}
  466 +
  467 +
  468 +#content .box-2 .link-list-block li a:hover {
  469 + background-color: #eee;
  470 + color: #000;
  471 +}
  472 +
  473 +#content .box-2 .link-list-block li a.link-this-page {
  474 + background-color: #EEEFFF;
  475 + font-weight: bold;
  476 + width: auto;
  477 +}
  478 +/* Menu List footer */
  479 +
  480 +#content .box-3 .link-list-block li a.link-this-page {
  481 + width: auto;
  482 + border-right: none;
  483 + font-weight: bold;
  484 + background-color: #eeefff;
  485 + border-radius: 0px;
  486 +}
  487 +
  488 +#content .box-3 .link-list-block li a {
  489 + font-size: 14px;
  490 + line-height: 1em;
  491 + color: #545454;
  492 + background-color: #FFF;
  493 + border-radius: none;
  494 + padding: 0.6em 1.5em;
  495 +}
  496 +
  497 +#content .box-3 .link-list-block li a:hover {
  498 + background-color: #FFF;
  499 + color: #436976;
  500 +}
  501 +
  502 +#content .box-3 .link-list-block li {
  503 + border-bottom: none;
  504 + border-top: none;
  505 + padding: 0;
  506 + margin: 0;
  507 +}
  508 +
  509 +.agenda-item a {
  510 + color: black;
  511 +}
  512 +.agenda-item a:visited {
  513 + color: black;
  514 + font-weight: normal;
  515 +}
  516 +.agenda-item a:hover {
  517 + color: black;
  518 + text-decoration: underline !important;
  519 +}
  520 +
  521 +/*.profile-info-options*/
  522 +#content .profile-info-options {
  523 + padding-right: 0;
  524 +}
  525 +
  526 +#content .profile-info-options ul {
  527 + margin-left: 0px;
  528 +}
  529 +
  530 +#content .profile-info-options input.button.with-text,
  531 +#content .profile-info-options a.button.with-text {
  532 + background-color: #fff;
  533 + border-radius: 0 0 0 0;
  534 + display: block;
  535 + padding-bottom: 5px;
  536 + padding-left: 30px;
  537 + padding-top: 5px;
  538 + text-align: left;
  539 +}
  540 +#content .profile-info-options a.button.with-text{
  541 + border: 0px solid #CCCCCC;
  542 + border-bottom: 2px solid #CCCCCC !important;
  543 +}
  544 +
  545 +#content .profile-info-options input.button:hover,
  546 +#content .profile-info-options a.button:hover {
  547 + background-color: #ccc;
  548 + border: 1pxpx solid #CCC;
  549 +}
  550 +
  551 +
  552 +
  553 +/*********************************/
  554 +/* Main Page / Communities Block */
  555 +/*********************************/
  556 +
  557 +.action-home-index .communities-block .common-profile-list-block,
  558 +.action-environment_design-index .communities-block .common-profile-list-block {
  559 + margin: 0;
  560 + display: inline-block;
  561 + vertical-align: top;
  562 + text-align: center;
  563 +}
  564 +
  565 +.action-home-index .communities-block .common-profile-list-block .vcard,
  566 +.action-environment_design-index .communities-block .common-profile-list-block .vcard {
  567 + width: 95px;
  568 + height: 100%;
  569 + display: inline-block;
  570 +}
  571 +
  572 +.action-home-index .communities-block .common-profile-list-block .profile-image,
  573 +.action-environment_design-index .communities-block .common-profile-list-block .profile-image {
  574 + width: 76px;
  575 + height: 76px;
  576 + display: inline-block;
  577 + border: 1px solid #CCCCCC;
  578 +}
  579 +
  580 +.action-home-index .communities-block .common-profile-list-block .profile-image img,
  581 +.action-environment_design-index .communities-block .common-profile-list-block .profile-image img {
  582 + max-width: 76px;
  583 + max-height: 76px;
  584 + vertical-align: middle;
  585 +}
  586 +
  587 +.action-home-index .communities-block .common-profile-list-block span.org,
  588 +.action-environment_design-index .communities-block .common-profile-list-block span.org {
  589 + text-transform: uppercase;
  590 + word-wrap: break-word;
  591 + display: inline-block;
  592 + width: 90px;
  593 +}
  594 +
  595 +.action-home-index #content .communities-block .vcard .profile_link {
  596 + display: inline-block;
  597 +}
  598 +
  599 +.action-home-index .communities-block .common-profile-list-block .profile-image .helper,
  600 +.action-environment_design-index .communities-block .common-profile-list-block .profile-image .helper {
  601 + vertical-align: middle;
  602 + height: 100%;
  603 + display: inline-block;
  604 +}
  605 +
  606 +.action-home-index .msg_block {
  607 + display: block;
  608 + font-size: 12px;
  609 + background-color: white;
  610 +}
  611 +
  612 +.action-home-index .community-track-plugin_track-card-list-block .msg_block {
  613 + margin: 0 0 -5px;
  614 + padding-left: 1em;
  615 + text-align: left;
  616 +}
  617 +
  618 +.action-home-index .communities-block .msg_block {margin: 0 0 1em;}
  619 +
  620 +
  621 +
  622 +/*****************/
  623 +
  624 +/*Container Block - Bloco de Blocos*/
  625 +
  626 +.container-block-plugin_container-block,
  627 +.container-block-plugin_container-block .block-inner-2{
  628 + background-color: transparent;
  629 + padding: 0;
  630 +}
  631 +
  632 +.container-block-plugin_container-block .block .block-inner-2{
  633 + background-color: white;
  634 + padding: 1em;
  635 +}
  636 +
  637 +.container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
  638 + background-color: white;
  639 + padding-left: 6px;
  640 + padding-top: 5px;
  641 +}
  642 +
  643 +.block-outer {
  644 + margin-top: 2em;
  645 +}
  646 +
  647 +.box-1 .block,
  648 +.no-boxes .block {
  649 + margin-top: 50px;
  650 +}
  651 +
  652 +.container-block-plugin_container-block .block-outer{
  653 + margin-top: 0px;
  654 +}
  655 +
  656 +.box-1 .blocks {
  657 + /*margin-top: -30px;*/
  658 +}
  659 +
  660 +.block-outer .block .block-outer {
  661 + margin-top: 0;
  662 +}
  663 +
  664 +/****Display Content - Bloco de artigo****/
  665 +
  666 +.action-home-index .display-content-block ul,
  667 +.action-home-index .display-content-block ul li{
  668 + display: inline-block;
  669 +}
  670 +
  671 +.display-content-block .lead {
  672 + overflow: hidden;
  673 +}
  674 +
  675 +.display-content-block .image {
  676 +
  677 +}
  678 +
  679 +.block.display-content-block .tags span {
  680 + background-color: #ddd;
  681 + color: #666;
  682 + display: inline-block;
  683 + margin: 10px 10px 10px 0;
  684 + padding: 5px;
  685 +}
  686 +
  687 +#content .display-content-block .title a {
  688 + background-color: transparent;
  689 + font-size: 20px;
  690 + font-style: normal;
  691 + font-weight: bold;
  692 + line-height: 1em;
  693 + padding: 0;
  694 + color: #000;
  695 +}
  696 +
  697 +#content .main-block h1,
  698 +#not-found h1,
  699 +#access-denied h1 {
  700 +
  701 +}
  702 +
  703 +/*tamanho da fonte dentro dos artigos*/
  704 +.article-body p{
  705 + font-size:13px;
  706 + line-height:26px;
  707 +}
  708 +/* fim tamanho da fonte dentro dos artigos*/
  709 +
  710 +
  711 +/*comentário*/
  712 +
  713 +
  714 +#content .main-block #comments_list h3 {
  715 + border-bottom: 1px solid #CCCCCC;
  716 + margin: 0 0 6px 0;
  717 + min-height: 100% !important;
  718 + padding: 14px;
  719 + color: #999;
  720 +}
  721 +#article .article-comments-list,
  722 +#article .article-comments-list ul,
  723 +#article .article-comments-list li {
  724 + list-style: none outside none;
  725 + margin: 5px 0 10px;
  726 + padding: 0;
  727 +}
  728 +
  729 +#article .article-comments-list li {
  730 + padding: 14px;
  731 +}
  732 +
  733 +.comments .comment-count-write-out {
  734 + min-height: 100%;
  735 +}
  736 +
  737 +/*btn comentários*/
  738 +
  739 +#content .blog-post .short-post .read-more a{
  740 + text-decoration: none;
  741 + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #DDD;
  742 + border: 1px solid #CCC;
  743 + border-radius: 5px;
  744 + color: #666;
  745 + font-weight: bold;
  746 + padding: 0.5em 1em;
  747 + text-decoration: none;
  748 +}
  749 +
  750 +.comment-info {
  751 + line-height: 1em;
  752 + margin-top: 5px;
  753 +}
  754 +
  755 +#article .article-comments-list li {
  756 + display: block;
  757 + list-style: none outside none;
  758 + margin: 10px 0 0;
  759 + padding: 1em;
  760 +}
  761 +
  762 +#article .comment-replies .article-comment {
  763 + background: url("/images/black-alpha-pixel-5.png") repeat scroll left top transparent;
  764 + border: 1px solid #808080;
  765 + border-radius: 5px 5px 5px 5px;
  766 + margin-top: 0px;
  767 + padding: 0;
  768 +}
  769 +
  770 +#content .comment-picture {
  771 + max-width: 50px;
  772 + word-wrap: break-word;
  773 +}
  774 +
  775 +.comment-replies .comment-picture {
  776 + height: auto;
  777 + max-width: 50px;
  778 + overflow: visible;
  779 +}
  780 +
  781 +.comment-created-at{
  782 + display: block;
  783 + float: none;
  784 + margin-left: 0;
  785 + color: red;
  786 + font-style: italic;
  787 + margin-bottom: 1em;
  788 +}
  789 +
  790 +#article .article-comment .comment-details h4 {
  791 + display: block;
  792 +}
  793 +
  794 +.comment-text p {
  795 + line-height: 1.3em;
  796 +}
  797 +
  798 +.article-comment .comment-details {
  799 + padding-top: 0;
  800 +}
  801 +
  802 +
  803 +#comments_list .comment-balloon {
  804 +
  805 +}
  806 +#comments_list .comment-balloon .comment-wrapper-1,
  807 +#comments_list .comment-balloon .comment-wrapper-2,
  808 +#comments_list .comment-balloon .comment-wrapper-3,
  809 +#comments_list .comment-balloon .comment-wrapper-4,
  810 +#comments_list .comment-balloon .comment-wrapper-5,
  811 +#comments_list .comment-balloon .comment-wrapper-6,
  812 +#comments_list .comment-balloon .comment-wrapper-7,
  813 +#comments_list .comment-balloon .comment-wrapper-8{
  814 + background-image: none;
  815 +}
  816 +
  817 +#comments_list a.display-comment-form {
  818 + background: url("images/bg-btn-ver-mais-1px.png") repeat scroll 0 0 #EEEEEE;
  819 + border-color: #ddd;
  820 + margin: 14px;
  821 +}
  822 +
  823 +#content .comment-header .comment-actions-reply{
  824 + margin-right: 5px;
  825 + margin-top: 5px;
  826 +}
  827 +
  828 +.comment-details .menu-submenu {
  829 + bottom: -4px;
  830 + right: -130px;
  831 +}
  832 +
  833 +#page-comment-form .post_comment_box {
  834 + display: inline-block;
  835 + padding: 5px;
  836 + text-align: left;
  837 +}
  838 +
  839 +/* fim de comentário*/
  840 +
  841 +/*paginação*/
  842 +
  843 +.pagination {
  844 +}
  845 +
  846 +#content .pagination a {
  847 + background-image: url("images/bg-paginacao.png");
  848 + background-repeat: no-repeat;
  849 + border-bottom: 0 none;
  850 + color: white;
  851 + display: inline-block;
  852 + font-size: 16px;
  853 + font-weight: bold;
  854 + height: 35px;
  855 + padding-top: 4px;
  856 + text-decoration: none;
  857 + width: 35px;
  858 +}
  859 +
  860 +.pagination .current {
  861 + background: url("images/bg-paginacao-preto.png") no-repeat center top transparent;
  862 + background-repeat: no-repeat;
  863 + border-bottom: 0 none;
  864 + color: white;
  865 + display: inline-block;
  866 + font-size: 16px;
  867 + font-weight: bold;
  868 + height: 35px;
  869 + padding-top: 4px;
  870 + text-decoration: none;
  871 + width: 35px;
  872 +}
  873 +
  874 +#content .pagination .prev_page,
  875 +#content .pagination .previous_page,
  876 +#content .pagination .next_page{
  877 + background-image: none;
  878 + color: #888888;
  879 + font-size: 14px;
  880 + width: auto;
  881 + display: inline;
  882 +}
  883 +#content .pagination .disabled {
  884 + font-weight: normal;
  885 +}
  886 +
  887 +#content #article .pagination .next_page,
  888 +#content #article .pagination .prev_page{
  889 + background-image: none;
  890 + color: #ccc;
  891 + width: auto;
  892 + font-size: 16px;
  893 + position: static;
  894 +}
  895 +
  896 +/*fim paginação*/
  897 +
  898 +/*Display Content na página inicial*/
  899 +
  900 +.action-home-index #content .display-content-block .block-inner-2,
  901 +.action-environment_design-index #content .display-content-block .block-inner-2{
  902 + display: inline-block;
  903 +}
  904 +.action-home-index #content .display-content-block .title,
  905 +.action-environment_design-index #content .display-content-block .title{
  906 + clear: right;
  907 + float: right;
  908 + width: 440px;
  909 + padding-right: 0;
  910 +}
  911 +.action-home-index #content .display-content-block .title a,
  912 +.action-environment_design-index #content .display-content-block .title a{
  913 + color: #0B0C0C;
  914 + font-size: 34px;
  915 +}
  916 +
  917 +/*.action-home-index #content .display-content-block .image,
  918 +.action-environment_design-index #content .display-content-block .image{
  919 + float: left;
  920 + max-width: 460px;
  921 + margin-right: 24px;
  922 +}
  923 +*/
  924 +.action-home-index #content .display-content-block .image,
  925 +.action-environment_design-index #content .display-content-block .image {
  926 + float: left;
  927 + height: 300px;
  928 + margin-right: 24px;
  929 + max-width: 460px;
  930 + width: 460px;
  931 +}
  932 +
  933 +.action-home-index #content .display-content-block .image img,
  934 +.action-environment_design-index #content .display-content-block .image img{
  935 + max-width: 460px;
  936 + height: 300px;
  937 +}
  938 +
  939 +.action-home-index #content .display-content-block .image a,
  940 +.action-environment_design-index #content .display-content-block .image a{
  941 +}
  942 +.action-home-index #content .display-content-block .lead,
  943 +.action-environment_design-index #content .display-content-block .lead{
  944 + border-top: 1px solid #CCCCCC;
  945 + clear: right;
  946 + float: right;
  947 + margin-top: 1em;
  948 + padding-top: 1em;
  949 + width: 440px;
  950 +}
  951 +
  952 +.action-home-index #content .display-content-block .lead p,
  953 +.action-environment_design-index #content .display-content-block .lead p{
  954 + font-size: 13px;
  955 + line-height: 1.4em;
  956 + color: #484848;
  957 +}
  958 +
  959 +.action-home-index #content .display-content-block .lead .img,
  960 +.action-environment_design-index #content .display-content-block .lead .img{
  961 +}
  962 +.action-home-index #content .display-content-block .tags,
  963 +.action-environment_design-index #content .display-content-block .tags{
  964 + clear: right;
  965 + float: right;
  966 + width: 440px;
  967 +}
  968 +.action-home-index #content .display-content-block .published-at,
  969 +.action-environment_design-index #content .display-content-block .published-at{
  970 + clear: right;
  971 + float: right;
  972 + width: 440px;
  973 + color: #666;
  974 + font-size: 12px;
  975 +}
  976 +.action-home-index #content .display-content-block .read_more,
  977 +.action-environment_design-index #content .display-content-block .read_more{
  978 + clear: right;
  979 + float: right;
  980 + width: 440px;
  981 +}
  982 +
  983 +/*Display Content em container na página inicial*/
  984 +
  985 +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  986 +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block{
  987 + /* width: 630px !important;*/
  988 + background-color: white;
  989 +}
  990 +
  991 +.action-home-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block,
  992 +.action-environment_design-index #wrap-2 .block-outer .container-block-plugin_container-block div.display-content-block {
  993 + /*margin-right: 24px;*/
  994 + /*width: 270px !important;*/
  995 +}
  996 +
  997 +#content .box-1 .people-block ul, #content .box-1 .friends-block ul, #content .box-1 .members-block ul {
  998 + min-width: 196px;
  999 + margin: 0px 0px 0px -3px;
  1000 + padding: 0px;
  1001 +}
  1002 +
  1003 +.action-home-index .people-block,
  1004 +.action-environment_design-index .people-block {
  1005 + /* overflow: hidden;*/
  1006 + /*width: 314px !important;*/
  1007 +}
  1008 +
  1009 +.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
  1010 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
  1011 + overflow: hidden;
  1012 +}
  1013 +.action-home-index #content .container-block-plugin_container-block .display-content-block .title,
  1014 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title{
  1015 + float: none;
  1016 + width: 100%;
  1017 + padding-right: 0;
  1018 + margin: 14px 0;
  1019 +}
  1020 +.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  1021 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a{
  1022 + color: #0B0C0C;
  1023 + font-size: 20px;
  1024 + font-family: Arial, Helvetica, sans-serif;
  1025 + font-weight: bold;
  1026 +}
  1027 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image,
  1028 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image{
  1029 + float: none;
  1030 + width: 100%;
  1031 + max-height: 200px;
  1032 + max-width: 295px;
  1033 + text-align: center;
  1034 + margin-bottom: 1em;
  1035 + margin-right: 0;
  1036 +}
  1037 +/*.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
  1038 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img{
  1039 + max-width: 258px;
  1040 + max-height: 265px;
  1041 +}*/
  1042 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image a,
  1043 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image a{
  1044 +}
  1045 +
  1046 +.action-home-index #content .container-block-plugin_container-block .display-content-block .image img,
  1047 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .image img {
  1048 + height: 100%;
  1049 + max-height: 200px;
  1050 + width: 100%;
  1051 +}
  1052 +
  1053 +
  1054 +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead,
  1055 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead{
  1056 + float: none;
  1057 + width: 100%;
  1058 + clear: right;
  1059 + border-top: 0px solid transparent;
  1060 +}
  1061 +.action-home-index #content .container-block-plugin_container-block .display-content-block .lead .img,
  1062 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .lead .img{
  1063 +}
  1064 +.action-home-index #content .container-block-plugin_container-block .display-content-block .tags,
  1065 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .tags{
  1066 + float: none;
  1067 + width: 100%;
  1068 + clear: right;
  1069 +}
  1070 +.action-home-index #content .container-block-plugin_container-block .display-content-block .published-at,
  1071 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .published-at{
  1072 + float: none;
  1073 + width: 100%;
  1074 +}
  1075 +.action-home-index #content .container-block-plugin_container-block .display-content-block .read_more,
  1076 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .read_more{
  1077 + float: none;
  1078 + width: 100%;
  1079 + clear: right;
  1080 +}
  1081 +
  1082 +/*borda dos wrappers*/
  1083 +/**/
  1084 +#main-content-wrapper-1,
  1085 +#main-content-wrapper-2,
  1086 +#main-content-wrapper-3,
  1087 +#main-content-wrapper-4,
  1088 +#main-content-wrapper-5,
  1089 +#main-content-wrapper-6,
  1090 +#main-content-wrapper-7,
  1091 +#main-content-wrapper-8 {
  1092 + background: none repeat scroll 0 0 transparent;
  1093 +}
  1094 +
  1095 +.no-boxes-inner-2 {
  1096 + background-color: white;
  1097 +}
  1098 +
  1099 +.only-one-result-box .common-profile-list-block {
  1100 + float: none;
  1101 +}
  1102 +
  1103 +.common-profile-list-block span {
  1104 + line-height: 1.2em;
  1105 + overflow: visible;
  1106 + width: 100%;
  1107 + word-wrap: break-word;
  1108 +}
  1109 +
  1110 +.search-results-box .common-profile-list-block li {
  1111 + display: inline-block;
  1112 + width: 112px;
  1113 +}
  1114 +
  1115 +.common-profile-list-block,
  1116 +ul.profile-list .common-profile-list-block {
  1117 + display: inline-block;
  1118 + vertical-align: top;
  1119 +}
  1120 +
  1121 +.main-block .common-profile-list-block {
  1122 + display: block;
  1123 +}
  1124 +
  1125 +#search-results .common-profile-list-block {
  1126 + display: inline-block;
  1127 + vertical-align: top;
  1128 +}
  1129 +
  1130 +.vcard .menu-submenu-list li {
  1131 + display: block;
  1132 +}
  1133 +
  1134 +.common-profile-list-block .profile-image {
  1135 + display: block;
  1136 + height: 56px;
  1137 + max-height: 100%;
  1138 + width: 100%;
  1139 +}
  1140 +
  1141 +/*.box-2 .common-profile-list-block .vcard a.profile_link,
  1142 +.box-3 .common-profile-list-block .vcard a.profile_link,*/
  1143 +.common-profile-list-block .vcard a.profile_link {
  1144 + margin-bottom: 5px;
  1145 + float: none;
  1146 +}
  1147 +
  1148 +
  1149 +.box-2 .common-profile-list-block .vcard a.profile_link,
  1150 +.box-3 .common-profile-list-block .vcard a.profile_link {
  1151 + height: auto;
  1152 + max-height: 100%;
  1153 +}
  1154 +
  1155 +.common-profile-list-block .vcard {
  1156 + float: none;
  1157 +}
  1158 +
  1159 +.common-profile-list-block .vcard a, .comment-actions .vcard a {
  1160 + margin: 0;
  1161 + height: auto;
  1162 + padding-top: 0;
  1163 + overflow: visible;
  1164 +}
  1165 +
  1166 +#content .comment-actions li {
  1167 + padding: 2px;
  1168 +}
  1169 +
  1170 +#article .article-comment .comment-details .comment-actions h4 {
  1171 + display: none;
  1172 +}
  1173 +
  1174 +.menu-submenu-trigger, .comment-actions .vcard .menu-submenu-trigger {
  1175 + width: 20px;
  1176 + height: 20px;
  1177 +}
  1178 +
  1179 +.common-profile-list-block .vcard:hover .menu-submenu-trigger {
  1180 +/* display: none;*/
  1181 +}
  1182 +
  1183 +
  1184 +
  1185 +/****************** FIM Estilos basicos ******************/
  1186 +
  1187 +
  1188 +
  1189 +/***********Imagem de Fundo - somente na página inicial*********/
  1190 +
  1191 +.action-home-index #wrap-2,
  1192 +.action-environment_design-index #wrap-2 {
  1193 + /*background: url(images/fundo4.jpg) no-repeat fixed center top;
  1194 + background-size: 100%;*/
  1195 + background-color: #FFFFFF;
  1196 +}
  1197 +
  1198 +/***************content*************/
  1199 +
  1200 +
  1201 +#content {
  1202 + left: -480px;
  1203 + margin-left: 50%;
  1204 + margin-top: 0;
  1205 + position: relative;
  1206 + width: 960px;
  1207 +}
  1208 +
  1209 +.action-home-index #wrap-2{
  1210 + padding:0;
  1211 +}
  1212 +
  1213 +.action-home-index #content {
  1214 + left: 0px;
  1215 + margin-left: 0;
  1216 + margin-top: 0;
  1217 + position: relative;
  1218 + width: 100%;
  1219 +}
  1220 +
  1221 +
  1222 +.action-home-index #content .block-outer .block {
  1223 + left: -480px;
  1224 + margin-left: 50%;
  1225 + margin-top: 0;
  1226 + position: relative;
  1227 + width: 960px;
  1228 +}
  1229 +
  1230 +.action-home-index #content .block-outer .block .block{
  1231 + left: 0px;
  1232 + margin-left: 0;
  1233 + margin-top: 0;
  1234 + position: relative;
  1235 + width: 100%;
  1236 +}
  1237 +
  1238 +.action-home-index #content .block-outer .tags-block,
  1239 +.action-home-index #content .block-outer .statistics-block {
  1240 + left: 0px;
  1241 + margin-left: 0;
  1242 + margin-top: 0;
  1243 + position: relative;
  1244 + width: 100%;
  1245 +}
  1246 +.action-home-index #content .statistics-block .statistics-block-data {
  1247 + left: -480px;
  1248 + margin-left: 50%;
  1249 + position: relative;
  1250 + text-align: center;
  1251 + width: 960px;
  1252 +}
  1253 +
  1254 +
  1255 +
  1256 +
  1257 +/*data - evento*/
  1258 +
  1259 +li.event-dates {
  1260 + background: url("/images/icons-mime/event.png") no-repeat scroll 100% 50% white;
  1261 +
  1262 + float: none;
  1263 + padding: 5px 32px 5px 5px;
  1264 + text-align: right;
  1265 +}
  1266 +
  1267 +/* Title Header */
  1268 +
  1269 +#content .main-block h1,
  1270 +#content .main-block h2,
  1271 +#content .main-block h3,
  1272 +#content .main-block h4 {
  1273 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  1274 +}
  1275 +
  1276 +#content .main-block h1,
  1277 +#not-found h1,
  1278 +#access-denied h1,
  1279 +#content .no-boxes h1 {
  1280 + color: #444;
  1281 + font-size: 1.7em;
  1282 + padding: 7px 0;
  1283 + margin-left: 0/* !important*/;
  1284 + padding-left: 0.3em;
  1285 + border-bottom: 1px solid #CCCCCC;
  1286 + border-top: 0px solid #172838;
  1287 +}
  1288 +
  1289 +#content .title {
  1290 + font-weight: normal;
  1291 +}
  1292 +
  1293 +#content .main-block h1,
  1294 +#content .no-boxes h1 {
  1295 + font-size: 2.3em !important;
  1296 + font-weight: bold !important;
  1297 +}
  1298 +
  1299 +#content .main-block h2 {
  1300 + font-size: 1.8em !important;
  1301 + min-height: 48px;
  1302 +}
  1303 +
  1304 +#content .main-block h3 {
  1305 + font-size: 1.5em !important;
  1306 + min-height: 48px;
  1307 +}
  1308 +
  1309 +#content .main-block #article-cat h4 {
  1310 + font-size: 1.3em !important;
  1311 + min-height: 0px;
  1312 +}
  1313 +
  1314 +div#article-parent {
  1315 + /*position: absolute;*/
  1316 + display: block;
  1317 + position: relative;
  1318 + right: 0px;
  1319 + top: 0px;
  1320 +}
  1321 +
  1322 +#article-tags a:link {
  1323 + clear: both;
  1324 + display: inline-block;
  1325 + margin-bottom: 1.5em;
  1326 + color: white;
  1327 + padding: 3px 5px;
  1328 +}
  1329 +
  1330 +#article-tags a:hover {
  1331 + background-color: #000;
  1332 + color: white;
  1333 +}
  1334 +
  1335 +
  1336 +/* fim Content*/
  1337 +
  1338 +/*busca*/
  1339 +
  1340 +/**** BUSCA ****/
  1341 +
  1342 +.search-results-header {
  1343 + border-bottom: 0px;
  1344 +}
  1345 +
  1346 +/*paginação*/
  1347 +
  1348 +.pagination {
  1349 +
  1350 +}
  1351 +.pagination {
  1352 + font-size: 120%;
  1353 +}
  1354 +
  1355 +.pagination .prev_page{margin-right: 0.5em; font-weight: bold;}
  1356 +.pagination .next_page{margin-left: 0.5em; font-weight: bold;}
  1357 +
  1358 +
  1359 +
  1360 +#public-profile-search, #profile-search-results form, .profile-search-block form {
  1361 + background-color: transparent;
  1362 +}
  1363 +
  1364 +#public-profile-search .search-field .formfield {
  1365 + float: left;
  1366 +}
  1367 +#public-profile-search .search-field .formfield input {
  1368 + margin-top: 0px;
  1369 +}
  1370 +
  1371 +.formfield input, .formfield textarea{
  1372 + /*background: url("../images/input-bg.gif") no-repeat scroll left top transparent;*/
  1373 + background-image: none;
  1374 + border: 1px solid #DDDDDD;
  1375 + color: #585858;
  1376 + font-size: 16px;
  1377 + width: 100%;
  1378 + word-wrap: break-word;
  1379 +}
  1380 +
  1381 +.formfield.type-file input {
  1382 + height: 28px;
  1383 + max-height: 30px;
  1384 +}
  1385 +
  1386 +.formfield input {
  1387 + padding: 5px 0;
  1388 + max-height: 19px;
  1389 +}
  1390 +
  1391 +.search-field .formfield, .search-field .formfield input {
  1392 + margin-right: 0.5em;
  1393 +}
  1394 +
  1395 +#search-page form.search_form input.icon-search {
  1396 + background: url("images/btn_busca.png") no-repeat scroll 50% 50% transparent;
  1397 + border: 1px solid #DDDDDD;
  1398 + min-height: 31px;
  1399 + padding-right: 20px;
  1400 + text-indent: -10000px;
  1401 + max-height: 31px;
  1402 +}
  1403 +
  1404 +#content .button-bar a.icon-cancel span{
  1405 + vertical-align: text-middle;
  1406 +}
  1407 +
  1408 +input.button.with-text {
  1409 + background-position: 3px 50%;
  1410 + font-size: 12px;
  1411 + padding: 0 2px 2px 20px;
  1412 + max-height: 28px;
  1413 +}
  1414 +
  1415 +#content a.button.with-text,
  1416 +#content a.button.with-text {
  1417 + height: 28px;
  1418 + max-height: 28px;
  1419 +}
  1420 +
  1421 +#content input.button, #content a.button {
  1422 + background-color: #EEEEEE;
  1423 + background-repeat: no-repeat;
  1424 + border: 0px solid #CCCCCC;
  1425 + /*border-bottom: 1px solid #CCCCCC;*/
  1426 + color: #555555;
  1427 + line-height: 16px;
  1428 + text-decoration: none;
  1429 +}
  1430 +
  1431 +#content #article-actions input.button,
  1432 +#content #article-actions a.button,
  1433 +#content a.button,
  1434 +#content input.button {
  1435 + background-color: transparent;
  1436 + border: 1px solid #CCCCCC;
  1437 + vertical-align: middle;
  1438 +}
  1439 +
  1440 +#content a.button.with-text {
  1441 + line-height: 28px;
  1442 + height: 30px;
  1443 + max-height: 30px;
  1444 +}
  1445 +#content form input.button.submit {
  1446 + height: 32px;
  1447 + max-height: 32px;
  1448 + margin-right: 5px;
  1449 +}
  1450 +
  1451 +#content #article-actions input.button:hover,
  1452 +#content #article-actions a.button:hover {
  1453 + background-color: #ccc;
  1454 + border: 1px solid #CCCCCC;
  1455 + color: white;
  1456 +}
  1457 +
  1458 +
  1459 +#content a.button:hover {
  1460 + border: 1px solid #CCCCCC;
  1461 +}
  1462 +
  1463 +/*label dos radio buttons da busca*/
  1464 +#content .search-field label {
  1465 + display: inline-block;
  1466 + font-size: 12px;
  1467 + vertical-align: middle;
  1468 + margin-left: 5px;
  1469 +}
  1470 +
  1471 +#public-profile-search .formfield, #public-profile-search .submit {
  1472 + margin-bottom: 5px;
  1473 +}
  1474 +
  1475 +#content .profile ul{
  1476 + margin-left: 1em;
  1477 +}
  1478 +
  1479 +
  1480 +/****RESULTADO DA BUSCA *****/
  1481 +
  1482 +#search-results {
  1483 + width: 100% !important;
  1484 +}
  1485 +
  1486 +.controller-search .multiple-results-boxes .search-results-innerbox.common-profile-list-block {
  1487 + overflow: visible;
  1488 +}
  1489 +
  1490 +.controller-search .search-results-box {
  1491 + width: 100%;
  1492 + margin-bottom: 20px;
  1493 +}
  1494 +
  1495 +.controller-search #search-results h3 {
  1496 + background-color: #497B16;
  1497 + color: white;
  1498 + display: inline-block;
  1499 + margin: 0 0 0 0;
  1500 + padding: 0.5em;
  1501 + position: relative;
  1502 +}
  1503 +
  1504 +.controller-search #search-results .search-results-innerbox li .search-result-title {
  1505 + margin-left: 148px;
  1506 + color: #444444;
  1507 +}
  1508 +
  1509 +.search-article-description {
  1510 + color: #999999;
  1511 +}
  1512 +
  1513 +#search-page .map-or-list-search-results list {
  1514 +
  1515 +}
  1516 +
  1517 +.search-results-innerbox {
  1518 + border-top: 1px solid #CCCCCC;
  1519 +}
  1520 +
  1521 +.controller-search .search-results-innerbox {
  1522 + height: 100%;
  1523 +}
  1524 +
  1525 +.search-results-type-article li.article-item,
  1526 +.search-tagged-items li.article-item,
  1527 +.only-one-result-box li.search-product-item {
  1528 + border-bottom: 0px solid #fff;
  1529 +}
  1530 +
  1531 +.controller-search .search-results-innerbox td.search-field-label{
  1532 + display: none;
  1533 +}
  1534 +
  1535 +/*busca de midia*/
  1536 +
  1537 +.media-search-box form span.formfield #media-search-query{
  1538 + float: left;
  1539 + margin-right: 5px;
  1540 +}
  1541 +
  1542 +/*Busca em Profile*/
  1543 +#profile-search-results ul.results-list {
  1544 +
  1545 +}
  1546 +
  1547 +#profile-search-results ul.results-list li{
  1548 + display: block;
  1549 + margin-bottom: 18px;
  1550 +}
  1551 +
  1552 +#profile-search-results ul.results-list .result-title{
  1553 + color: #444444;
  1554 + display: inline-block;
  1555 + font-size: 180%;
  1556 + font-weight: bold;
  1557 + padding: 4px 0;
  1558 +}
  1559 +
  1560 +#profile-search-results ul.results-list .article-details {
  1561 + color: #999999;
  1562 +}
  1563 +
  1564 +#profile-search-results ul.results-list .article-url {
  1565 +
  1566 +}
  1567 +
  1568 +/**** FIM DE BUSCA ****/
  1569 +
  1570 +/*fim de busca*/
  1571 +
  1572 +
  1573 +/*lista de pendencias*/
  1574 +.task_box {
  1575 + background: none repeat scroll 0 0 #EEEEEE;
  1576 + margin-bottom: 5px;
  1577 + margin-top: 5px;
  1578 + padding: 1em;
  1579 + position: relative;
  1580 +}
  1581 +
  1582 +/*fim lista de pendencias*/
  1583 +
  1584 +/*nuvem de tags*/
  1585 +
  1586 +.action-home-index #content .tag_cloud {
  1587 + left: -480px;
  1588 + margin-left: 50%;
  1589 + position: relative;
  1590 + text-align: center;
  1591 + width: 960px;
  1592 +}
  1593 +
  1594 +.tag_cloud a{
  1595 + white-space: normal;
  1596 +}
  1597 +
  1598 +/*trilhas de participação*/
  1599 +
  1600 +/*Cartões das trilhas*/
  1601 +/*.track_list*/
  1602 +
  1603 +.community-track-plugin_track-card-list-block .track_list{
  1604 + text-align: center;
  1605 + padding: 0 0px;
  1606 +}
  1607 +
  1608 +.track_list .item_card {
  1609 + background-color: #FFFAFA;
  1610 + border: 1px solid #DDDDDD;
  1611 + display: inline-block;
  1612 + float: left;
  1613 + clear: right;
  1614 + margin: 12px 9px 9px;
  1615 + max-width: 214px;
  1616 + height: 426px;
  1617 + padding: 0;
  1618 + width: 214px;
  1619 +}
  1620 +
  1621 +.action-home-index .track_list .item_card,
  1622 +.action-environment_design-index .track_list .item_card {
  1623 + border: 0px solid #DDDDDD;
  1624 +}
  1625 +
  1626 +
  1627 +.track_list .item_card a{
  1628 + display: inline-block;
  1629 +}
  1630 +
  1631 +.track_list .item_card:hover {
  1632 + background-color: white;
  1633 +}
  1634 +
  1635 +/*track list nos blocos laterais*/
  1636 +.box-2 .track_list .item_card,
  1637 +.box-3 .track_list .item_card {
  1638 + margin: 10px 0px;
  1639 + /*width: 188px;*/
  1640 + width: 100%;
  1641 +}
  1642 +
  1643 +/**/
  1644 +
  1645 +#content .track_list .item_card .track_content{
  1646 + height: 390px;
  1647 + overflow: hidden;
  1648 +}
  1649 +
  1650 +#content .track_list .item_card .track_content .title{
  1651 + color: white;
  1652 + font-family: Arial,sans-serif;
  1653 + font-size: 15px;
  1654 + font-weight: bold;
  1655 + min-height: 15px;
  1656 + padding: 2px 0;
  1657 + text-align: center;
  1658 +
  1659 + vertical-align: middle;
  1660 + width: 219px;
  1661 + display: table-cell;
  1662 + height: 45px;
  1663 +}
  1664 +#content .track_list .item_card .track_content .image{
  1665 + border: 1px solid #ddd;
  1666 + width: 196px;
  1667 + height: 146px;
  1668 + overflow: hidden;
  1669 + margin: 8px;
  1670 + background-color: #FFF;
  1671 + position: relative;
  1672 +}
  1673 +/*imagem nos track list nos blocos laterais*/
  1674 +#content .box-2 .track_list .item_card .track_content .image,
  1675 +#content .box-3 .track_list .item_card .track_content .image {
  1676 + width: 170px;
  1677 +}
  1678 +
  1679 +.track_list .image img {
  1680 + position: absolute;
  1681 + top: 0;
  1682 + bottom: 0;
  1683 + margin: auto;
  1684 + left: 0;
  1685 + right: 0;
  1686 +}
  1687 +
  1688 +#content .track_list .item_card .track_content .name {
  1689 + font-size: 12px;
  1690 + font-weight: normal;
  1691 + padding: 5px 0;
  1692 + text-align: left;
  1693 + margin: 0 8px;
  1694 + color: #444;
  1695 + text-transform: uppercase;
  1696 +}
  1697 +
  1698 +
  1699 +#content .track_list .item_card .track_content .lead {
  1700 + font-weight: normal;
  1701 + padding: 5px 0;
  1702 + margin: 0 8px;
  1703 + text-align: left;
  1704 + color: black;
  1705 + font-size: 12px;
  1706 +}
  1707 +
  1708 +/**/
  1709 +
  1710 +/**/
  1711 +
  1712 +/*track list Internas*/
  1713 +
  1714 +.track_list .item {
  1715 + border-bottom: 1px solid #DDDDDD;
  1716 + display: inline-block;
  1717 +}
  1718 +
  1719 +.track_list .item .track_content .lead {
  1720 + float: left;
  1721 + padding: 2em;
  1722 + text-align: left;
  1723 + width: 40%;
  1724 +}
  1725 +
  1726 +/*track list - páginas internas - main content*/
  1727 +
  1728 +.track_list .track_content {
  1729 + /*display: inline-block;*/
  1730 + display: block;
  1731 + height: 100%;
  1732 +}
  1733 +
  1734 +.track_list .item .track_content{
  1735 + /*display: block;*/
  1736 +}
  1737 +
  1738 +
  1739 +.track_list .item .track_content .lead {
  1740 + width: 30%;
  1741 +}
  1742 +
  1743 +.track_list .item .track_content .lead p.lead{
  1744 + color: #444;
  1745 +}
  1746 +
  1747 +#content .track_list .item .track_content .lead a {
  1748 + font-weight: bold;
  1749 + color: #444;
  1750 +}
  1751 +
  1752 +/**/
  1753 +/*rodapé das cartas de participação*/
  1754 +.track_list .item_card .track_stats .comments .counter {
  1755 + background: url("images/comentarios.png") no-repeat left center #fffafa;
  1756 +}
  1757 +.track_list .item_card .track_stats .hits .counter {
  1758 + background: url("images/visualizacoes.png") no-repeat left center #fffafa;
  1759 +}
  1760 +
  1761 +.track_list .item_card .track_stats {
  1762 + padding: 5px 5px 0;
  1763 + height: 25px;
  1764 +}
  1765 +.track_list .item_card .track_stats .counter {
  1766 + margin-top: 1px;
  1767 + padding: 3px 0 0 30px;
  1768 + text-align: left;
  1769 + font-size: 10pt;
  1770 + /*display: block;*/
  1771 + color: #444;
  1772 +}
  1773 +.track_list .item_card .track_stats .comments{
  1774 + float: left;
  1775 +}
  1776 +.track_list .item_card .track_stats .hits{
  1777 + float: right;
  1778 +}
  1779 +.track_list .item_card .track_stats .hits .label,
  1780 +.track_list .item_card .track_stats .comments .label {
  1781 + font-size: 7pt;
  1782 + /*float: right;*/
  1783 + color: #444;
  1784 +}
  1785 +.track_list .item_card .track_stats .comments .label {
  1786 + display: none;
  1787 + visibility: hidden;
  1788 +}
  1789 +
  1790 +/**/
  1791 +
  1792 +
  1793 +/*** step list ***/
  1794 +
  1795 +/*geral*/
  1796 +
  1797 +.track_list .item .step {
  1798 + padding: 5px;
  1799 +}
  1800 +
  1801 +.track_list .item .track_content .steps {
  1802 + width: 60%;
  1803 + font-weight: normal;
  1804 +}
  1805 +
  1806 +.track_list .item .track_content .steps a:hover{
  1807 + text-decoration: none;
  1808 +}
  1809 +
  1810 +
  1811 +.track_list .item .track_content .steps h3{
  1812 + font-size: 13px !important;
  1813 + text-transform: uppercase;
  1814 + font-weight: normal;
  1815 +}
  1816 +
  1817 +.track_list .item .track_content .steps .position,
  1818 +#track .step_list .step .position {
  1819 + border-radius: 50% 50% 50% 50%;
  1820 + float: none;
  1821 + font-size: 14px;
  1822 + margin-right: 5px;
  1823 + text-align: center;
  1824 + font-weight: bold;
  1825 +}
  1826 +
  1827 +#track .step_list .step {
  1828 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1829 + display: inline-block;
  1830 + width: 100%;
  1831 +}
  1832 +
  1833 +
  1834 +#track .step_list .step a {
  1835 + background-color: transparent;/*transparente*/
  1836 + color: #999;/*cinza escuro escuro*/
  1837 +}
  1838 +
  1839 +.step a:link, #content .step a:link, dl.portlet .step a:link {
  1840 + color: #999; /*cinza escuro*/
  1841 + /*teste*/
  1842 + display: inline-block;
  1843 + max-width: 80%;
  1844 + vertical-align: middle;
  1845 +}
  1846 +
  1847 +#track .step_list .step .position {
  1848 + background-color: #999;/*cinza escuro escuro*/
  1849 + color: #fff;/*branco*/
  1850 + display: inline-block;
  1851 + font-size: 250%;
  1852 + margin: 15px;
  1853 + padding: 15px;
  1854 + line-height: 15px;
  1855 +}
  1856 +
  1857 +#track .step_list .step .content {
  1858 + display: inline-block;
  1859 + margin: 10px;
  1860 + vertical-align: middle;
  1861 + border-bottom: 0 none;
  1862 + vertical-align: top;
  1863 + max-width: 80%;
  1864 + /*max-width: 600px;*/
  1865 +}
  1866 +
  1867 +#track .step_list .step .content .date {
  1868 + font-weight: normal;
  1869 +}
  1870 +
  1871 +#track .step_list .step .content .name {}
  1872 +
  1873 +#track .step .name,
  1874 +#track .step .name a {
  1875 + color: #999;
  1876 +}
  1877 +
  1878 +#track .step_list .step .content .lead {
  1879 + font-weight: normal;
  1880 + margin-left: 0px;
  1881 + margin-right: 0px;
  1882 + color: #666;
  1883 +}
  1884 +
  1885 +#track .step_list .step .content .lead p{
  1886 + margin-bottom: 0px;
  1887 +}
  1888 +
  1889 +#track .step_list .step .content object,
  1890 +#track .step_list .step .content .lead img{
  1891 + max-width: 80%;
  1892 +}
  1893 +
  1894 +/*bloco de steps em main area - */
  1895 +
  1896 +#content .community-track-plugin_track-list-block .steps .step .position {
  1897 + margin: 5px 3px;
  1898 + padding: 0 6px;
  1899 +}
  1900 +
  1901 +.community-track-plugin_track-list-block .steps .step .name{
  1902 + display: inline-block;
  1903 + vertical-align: middle;
  1904 + width: 75%;
  1905 +}
  1906 +
  1907 +#article .step_list .step .step_actions .button{
  1908 + border-radius: 0 0 0 0;
  1909 +}
  1910 +
  1911 +/*ítens específicos*/
  1912 +
  1913 +/*oculto*/
  1914 +#track #hidden_steps .step_list .step .position {
  1915 + background-color: transparent;
  1916 +}
  1917 +
  1918 +/*ativo*/
  1919 +
  1920 +#content .step.step_active {
  1921 + background-color: #E8F3E9;/*verde claro*/
  1922 + background-image: url("images/no-image.gif");
  1923 +}
  1924 +
  1925 +#content .step.step_active:hover {
  1926 + background-color: #B8D4C1;
  1927 +}
  1928 +
  1929 +#content .step.step_active a {
  1930 + color: #397941;/*verde escuro*/
  1931 +}
  1932 +
  1933 +#content .step.step_active .position{
  1934 + background-color: #397941;/*verde escuro*/
  1935 + color: #E8F3E9;/*verde claro*/
  1936 +}
  1937 +
  1938 +.step_active a:link, #content .step_active a:link, dl.portlet .step_active a:link {
  1939 + color: #397941; /*verde escuro*/
  1940 +}
  1941 +
  1942 +/*em andamento*/
  1943 +
  1944 +#content .step.step_waiting {
  1945 + background-color: #fff0cf;/*laranja claro*/
  1946 + background-image: url("images/no-image.gif");
  1947 +}
  1948 +
  1949 +#content .step.step_waiting:hover {
  1950 + background-color: #E6E6BC;
  1951 +}
  1952 +
  1953 +#content .step.step_waiting a {
  1954 + color: #C6A142;/*laranja escuro*/
  1955 +}
  1956 +
  1957 +#content .step.step_waiting .position{
  1958 + background-color: #c6a142;/*laranja escuro*/
  1959 + color: #fff0cf;/*laranja claro*/
  1960 +}
  1961 +
  1962 +.step_waiting a:link, #content .step_waiting a:link, dl.portlet .step_waiting a:link {
  1963 + color: #c6a142; /*laranja escuro*/
  1964 +}
  1965 +
  1966 +/*finalizado*/
  1967 +
  1968 +#content .step.step_finished {
  1969 + background: url("images/steps_bg.png") repeat-x center top #fff;/*branco com o fundo em degradê*/
  1970 +}
  1971 +
  1972 +#article .step_finished .tool_link:hover, #content .steps .step_finished:hover {
  1973 + background-color: #EEE;
  1974 + background-image: none;
  1975 +}
  1976 +#content .step.step_finished:hover {
  1977 + background-color: #EEE;
  1978 + background-image: none;
  1979 +}
  1980 +
  1981 +#content .step.step_finished a {
  1982 + background-color:transparent;/*transparente*/
  1983 + color: #999;/*cinza escuro escuro*/
  1984 +}
  1985 +
  1986 +.step_finished a:link, #content .step_finished a:link, dl.portlet .step_finished a:link {
  1987 + color: #999; /*cinza escuro*/
  1988 +}
  1989 +
  1990 +#content .step.step_finished .position{
  1991 + background-color: #999;/*cinza escuro escuro*/
  1992 + color: #fff;/*branco*/
  1993 +}
  1994 +
  1995 +/*****fim step list******/
  1996 +
  1997 +
  1998 +/*botão ver todos*/
  1999 +.more_button,
  2000 +.read_more {
  2001 + margin-bottom: 15px;
  2002 + margin-top: -5px;
  2003 + color: #000000;
  2004 + font-size: 11px;
  2005 + text-align: left;
  2006 +}
  2007 +
  2008 +#content .more_button .view_all a,
  2009 +#content .read_more a{
  2010 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  2011 + color: #333;
  2012 + display: inline-block;
  2013 + font-weight: bold;
  2014 + padding: 10px 20px 10px 50px;
  2015 + text-align: left;
  2016 + font-family: Arial, sans-serif;
  2017 +}
  2018 +
  2019 +.action-home-index #content .community-track-plugin_track-card-list-block .view_all a,
  2020 +.action-environment_design-index #content .community-track-plugin_track-card-list-block .view_all a{
  2021 + position: absolute;
  2022 + right: -12px;
  2023 + top: -33px;
  2024 +}
  2025 +
  2026 +.action-home-index #content .article-block .short-post .read-more a {
  2027 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  2028 + color: #333;
  2029 + display: inline-block;
  2030 + font-weight: bold;
  2031 + padding: 10px 20px 10px 50px;
  2032 + text-align: left;
  2033 + font-family: Arial, sans-serif;
  2034 + margin-right: 1em;
  2035 +}
  2036 +
  2037 +
  2038 +
  2039 +.community-track-plugin_track-card-list-block .more_button{
  2040 + text-align: right;
  2041 +}
  2042 +
  2043 +.community-track-plugin_track-card-list-block .more_button .view_all a{
  2044 + margin-right: 12px;
  2045 +}
  2046 +
  2047 +/*área do rodapé do bloco onde fica o botão ver todos*/
  2048 +.block-footer-content {
  2049 + text-align: right;
  2050 + margin-top: 0.5em;
  2051 +}
  2052 +.box-2 .block-footer-content,
  2053 +.box-3 .block-footer-content {
  2054 + margin-right: 8px;
  2055 +}
  2056 +
  2057 +/*#content .tags-block .block-footer-content a, */
  2058 +
  2059 +#content .tags-block .block-footer-content a,
  2060 +#content .people-block .block-footer-content a,
  2061 +#content .profile-list-block .block-footer-content a,
  2062 +#content .enterprises-block .block-footer-content a,
  2063 +#content .members-block .block-footer-content a,
  2064 +#content .communities-block .block-footer-content a,
  2065 +#content .friends-block .block-footer-content a {
  2066 + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #EEEEEE;
  2067 + border: 1px solid #CCCCCC;
  2068 + border-radius: 5px 5px 5px 5px;
  2069 + display: inline;
  2070 + margin: 14px 0 14px 14px;
  2071 + padding: 5px 15px;
  2072 + position: relative;
  2073 + top: 5px;
  2074 +}
  2075 +
  2076 +.action-home-index #content .people-block .block-footer-content a,
  2077 +.action-home-index #content .profile-list-block .block-footer-content a,
  2078 +.action-home-index #content .enterprises-block .block-footer-content a,
  2079 +.action-home-index #content .members-block .block-footer-content a,
  2080 +.action-home-index #content .communities-block .block-footer-content a,
  2081 +.action-home-index #content .friends-block .block-footer-content a,
  2082 +
  2083 +.action-environment_design-index .people-block .block-footer-content a,
  2084 +.action-environment_design-index .profile-list-block .block-footer-content a,
  2085 +.action-environment_design-index .enterprises-block .block-footer-content a,
  2086 +.action-environment_design-index .members-block .block-footer-content a,
  2087 +.action-environment_design-index .communities-block .block-footer-content a,
  2088 +.action-environment_design-index .friends-block .block-footer-content a {
  2089 +
  2090 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  2091 + color: #333;
  2092 + display: inline-block;
  2093 + font-weight: bold;
  2094 + margin-right: 0;
  2095 + padding: 10px 20px 10px 50px;
  2096 + position: relative;
  2097 + text-align: left;
  2098 + font-family: Arial, sans-serif;
  2099 + border: none;
  2100 + border-radius: inherit;
  2101 +}
  2102 +
  2103 +/*fim botoes ver todos*/
  2104 +
  2105 +
  2106 +/*Página Inicial - .action-home-index*/
  2107 +
  2108 +.action-home-index #content,
  2109 +.action-environment_design-index #content {
  2110 + margin-bottom: -105px;
  2111 +}
  2112 +
  2113 +
  2114 +.action-home-index .box-1 .blocks,
  2115 +.action-environment_design-index .box-1 .blocks {
  2116 + margin-top: 0px;
  2117 +}
  2118 +
  2119 +.action-home-index #content .box-1 .block,
  2120 +.action-environment_design-index #content .box-1 .block {
  2121 + margin-bottom: 82px;
  2122 +}
  2123 +
  2124 +
  2125 +.action-home-index #content .container-block-plugin_container-block .block,
  2126 +.action-environment_design-index #content .container-block-plugin_container-block .block{
  2127 + margin-bottom: 0px;
  2128 +}
  2129 +
  2130 +.action-home-index .box-1,
  2131 +.action-environment_design-index .box-1 {
  2132 + /* margin-top: -50px;*/
  2133 +}
  2134 +
  2135 +.action-home-index .main-block,
  2136 +.action-environment_design-index #box-organizer .main-block{
  2137 + display: none;
  2138 + visibility: hidden;
  2139 + margin-bottom: 0px;
  2140 +}
  2141 +/**/
  2142 +
  2143 +/*titulos dos blocos no box do meio*/
  2144 +/*título de bloco*/
  2145 +
  2146 +.action-home-index #content .box-1 .block-title,
  2147 +.action-environment_design-index #content .box-1 .block-title {
  2148 + background-color: transparent;
  2149 + border-bottom: 0 solid #AAAAAA;
  2150 + border-top: 0 none;
  2151 + left: -24px;
  2152 + margin-bottom: 0;
  2153 + margin-top: -47px;
  2154 + position: relative;
  2155 + top: 0px;
  2156 +}
  2157 +
  2158 +.action-home-index #content .box-1 .container-block-plugin_container-block .block-title,
  2159 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block-title {
  2160 + padding-left: 20px;
  2161 + padding-bottom: 11px;
  2162 + left: -20px;
  2163 +}
  2164 +/*título de container*/
  2165 +.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
  2166 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
  2167 + padding-left: 10px;
  2168 + padding-bottom: 24px;
  2169 + top: 10px;
  2170 + left: -11px;
  2171 +}
  2172 +/*título do bloco de pessoas dentro do container */
  2173 +.action-home-index #content .box-1 .container-block-plugin_container-block .block .block-title,
  2174 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .block .block-title {
  2175 + padding-left: 10px;
  2176 + padding-bottom: 24px;
  2177 +/*teste*/ top: -2px; left: -24px;
  2178 +}
  2179 +
  2180 +.action-home-index #content .box-1 .community-track-plugin_track-card-list-block .block-title,
  2181 +.action-environment_design-index #content .box-1 .community-track-plugin_track-card-list-block .block-title {
  2182 + top: 3px;
  2183 +}
  2184 +
  2185 +.action-home-index #content .box-1 .article-block,
  2186 +.action-environment_design-index #content .box-1 .article-block {
  2187 + overflow: visible;
  2188 +}
  2189 +.action-home-index #content .box-1 .container-block-plugin_container-block .article-block .block-title,
  2190 +.action-environment_design-index #content .box-1 .container-block-plugin_container-block .article-block .block-title {
  2191 + left: -24px !important;
  2192 + top: -2px !important;
  2193 +}
  2194 +
  2195 +.action-home-index #content .box-1 .block-title span,
  2196 +.action-environment_design-index #content .box-1 .block-title span {
  2197 + background-color: #1659BF;
  2198 + color: white;
  2199 + font-size: 18px;
  2200 + font-variant: normal;
  2201 + padding: 6px 1em;
  2202 + text-align: left;
  2203 +}
  2204 +
  2205 +.action-home-index #content .display-content-block:first-of-type .block-title span,
  2206 +.action-environment_design-index #content .display-content-block:first-of-type .block-title span {
  2207 + background-color: #f7b905;
  2208 + color: #0a4d06;
  2209 +}
  2210 +
  2211 +.action-home-index .block .block-inner-2,
  2212 +.action-environment_design-index .block .block-inner-2 {
  2213 + background-color: white;
  2214 + padding: 1em;
  2215 + /*margin: -10px -8px -8px;*/
  2216 + margin: 0;
  2217 +}
  2218 +
  2219 +.action-home-index .container-block-plugin_container-block > .block-inner-2,
  2220 +.action-environment_design-index .container-block-plugin_container-block > .block-inner-2 {
  2221 + padding-left: 0px;
  2222 + padding-right: 0px;
  2223 +}
  2224 +
  2225 +
  2226 +.action-home-index .community-track-plugin_track-card-list-block .block-inner-2,
  2227 +.action-environment_design-index .community-track-plugin_track-card-list-block .block-inner-2 {
  2228 + background: url("images/bg-bloco-de-trilhas.jpg") no-repeat scroll center top transparent;
  2229 + padding: 8px 14px;
  2230 +}
  2231 +
  2232 +/**/
  2233 +
  2234 +/*Block People*/
  2235 +/*
  2236 +.action-home-index .people-block,
  2237 +.action-environment_design-index .people-block {
  2238 + position: relative;
  2239 + left: 0px;
  2240 + overflow: hidden;
  2241 +}*/
  2242 +
  2243 +.action-home-index .people-block .block-title,
  2244 +.action-environment_design-index .people-block .block-title{
  2245 +}
  2246 +
  2247 +.action-home-index .people-block .common-profile-list-block .profile_link,
  2248 +.action-environment_design-index .people-block .common-profile-list-block .profile_link{
  2249 + height: 56px;
  2250 + width: 56px;
  2251 + margin: -1px -2px;
  2252 + padding: 0;
  2253 + border: 1px solid white !important;
  2254 + background-color: #ddd;
  2255 + overflow: hidden;
  2256 +}
  2257 +
  2258 +.action-home-index .people-block .banner-span,
  2259 +.action-environment_design-index .people-block .banner-span {
  2260 + background-color: #f15921;
  2261 + color: #fff;
  2262 + font-size: 22px;
  2263 + font-weight: normal;
  2264 + height: 56px;
  2265 + line-height: 56px;
  2266 + width: 112px;
  2267 + font-family: 'Open Sans Extrabold',Arial,Helvetica,sans-serif;
  2268 + letter-spacing: -0.05em;
  2269 +}
  2270 +
  2271 +.action-home-index .vcard .menu-submenu,
  2272 +.action-environment_design-index .vcard .menu-submenu{
  2273 + bottom: 100%;
  2274 +}
  2275 +
  2276 +.action-home-index #content .tags-block,
  2277 +.action-environment_design-index #content .tags-block {
  2278 + /*bottom: -21px;*/
  2279 + /* left: 25%;*/
  2280 +/* margin-left: -50%;*/
  2281 + position: relative;
  2282 +/* width: 1440px;*/
  2283 + /*margin-bottom: 2em;*/
  2284 + width: 100%;
  2285 +}
  2286 +
  2287 +.action-home-index #content .tags-block a,
  2288 +.action-environment_design-index #content .tags-block a{
  2289 + color: #FFF;
  2290 + font-weight: bold;
  2291 +}
  2292 +
  2293 +.action-home-index #content .tags-block .block-footer-content,
  2294 +.action-environment_design-index .tags-block .block-footer-content{
  2295 + display: none;
  2296 +}
  2297 +
  2298 +.action-home-index #content .tags-block .block-title,
  2299 +.action-environment_design-index #content .tags-block .block-title {
  2300 + display: none;
  2301 + visibility: hidden;
  2302 +}
  2303 +
  2304 +.action-home-index #content .tags-block .block-inner-2,
  2305 +.action-environment_design-index #content .tags-block .block-inner-2 {
  2306 + background-color: #1659BF;
  2307 +}
  2308 +
  2309 +.action-home-index .people-block .common-profile-list-block,
  2310 +.action-environment_design-index .people-block .common-profile-list-block {
  2311 + float: left;
  2312 +}
  2313 +
  2314 +.action-home-index .common-profile-list-block .vcard,
  2315 +.action-environment_design-index .common-profile-list-block .vcard {
  2316 + float: left;
  2317 +}
  2318 +.action-home-index .communities-block .common-profile-list-block .vcard,
  2319 +.action-environment_design-index .communities-block .common-profile-list-block .vcard {
  2320 + width: 88px;
  2321 +}
  2322 +
  2323 +.action-home-index .box-1 .common-profile-list-block span,
  2324 +.action-environment_design-index .box-1 .common-profile-list-block span{
  2325 + width: auto;
  2326 +}
  2327 +
  2328 +/*alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
  2329 +.people-block .common-profile-list-block span span.helper,
  2330 +.friends-block .common-profile-list-block span span.helper,
  2331 +.search-results-people .common-profile-list-block span span.helper{
  2332 + display: inline-block;
  2333 + height: 56px;
  2334 + vertical-align: middle;
  2335 + width: 0;
  2336 +}
  2337 +
  2338 +.people-block .common-profile-list-block img,
  2339 +.friends-block .common-profile-list-block img,
  2340 +.search-results-people .common-profile-list-block img {
  2341 + margin-bottom: 5px;
  2342 + vertical-align: top;
  2343 +}
  2344 +
  2345 +.action-home-index .people-block .common-profile-list-block img,
  2346 +.action-environment_design-index .people-block .common-profile-list-block img {
  2347 + vertical-align: middle;
  2348 + margin-bottom: 0px;
  2349 +}
  2350 +
  2351 +.friends-block .common-profile-list-block .profile_link span.fn {
  2352 +/* margin-top: 5px;*/
  2353 +}
  2354 +
  2355 +.box-2 .common-profile-list-block .profile-image,
  2356 +.box-3 .common-profile-list-block .profile-image{
  2357 + height: 56px;
  2358 +/* border: 1px solid #CCCCCC;
  2359 + height: 100%;
  2360 + margin: -1px;*/
  2361 +
  2362 +}
  2363 +
  2364 +
  2365 +/*fim alinhamento da imagem de pessoas nos blocos - incluindo página inicial*/
  2366 +
  2367 +.action-home-index .box-1 .common-profile-list-block span.banner-span,
  2368 +.action-environment_design-index .box-1 .common-profile-list-block span.banner-span{
  2369 + width: 111px;
  2370 +}
  2371 +
  2372 +.action-home-index .common-profile-list-block .profile-image,
  2373 +.action-environment_design-index .common-profile-list-block .profile-image{
  2374 +
  2375 +}
  2376 +.action-home-index .common-profile-list-block span.fn,
  2377 +.action-environment_design-index .common-profile-list-block span.fn{
  2378 + display: none;
  2379 +}
  2380 +
  2381 +
  2382 +/*Container na página inicial*/
  2383 +/*Container Block - Bloco de Blocos*/
  2384 +
  2385 +/*primeiro container*/
  2386 +.action-home-index .container-block-plugin_container-block,
  2387 +.action-home-index .container-block-plugin_container-block .block-inner-2,
  2388 +.action-environment_design-index .container-block-plugin_container-block,
  2389 +.action-environment_design-index .container-block-plugin_container-block .block-inner-2{
  2390 + background-color: transparent;
  2391 + padding:0;
  2392 +}
  2393 +
  2394 +/*blocos comuns dentro do container*/
  2395 +.action-home-index .container-block-plugin_container-block .block .block-inner-2,
  2396 +.action-environment_design-index .container-block-plugin_container-block .block .block-inner-2{
  2397 + background-color: white;
  2398 + padding: 14px;
  2399 +}
  2400 +
  2401 +.action-home-index .container-block-plugin_container-block .block-outer,
  2402 +.action-environment_design-index .container-block-plugin_container-block .block-outer{
  2403 + margin-left: 0px;
  2404 + margin-right: -3px;
  2405 +}
  2406 +
  2407 +.action-home-index .people-block .block-inner-2,
  2408 +.action-home-index .communities-block .block-inner-2,
  2409 +.action-environment_design-index .people-block .block-inner-2,
  2410 +.action-environment_design-index .communities-block .block-inner-2{
  2411 + margin-left: 14px;
  2412 +}
  2413 +
  2414 +/*container dentro do container*/
  2415 +.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2,
  2416 +.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block .block-inner-2 {
  2417 +/*teste*/
  2418 + background-color: white;
  2419 + padding: 1px;
  2420 +/* border: 1px solid blue;*/
  2421 +}
  2422 +
  2423 +/*blocos dentro do container dentro do container*/
  2424 +.action-home-index #content .container-block-plugin_container-block .display-content-block .block-inner-2,
  2425 +.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .block-inner-2{
  2426 +/*teste*/
  2427 + overflow: hidden;
  2428 + padding: 2px 0 14px 14px;
  2429 +/* border: 1px solid brown;*/
  2430 +}
  2431 +
  2432 +/***************************************/
  2433 +
  2434 +/* Bloco Estatistica na página inicial*/
  2435 +
  2436 +.action-home-index .block.statistics-block .block-inner-2,
  2437 +.action-environment_design-index .block.statistics-block .block-inner-2{
  2438 + background-color: transparent;
  2439 +}
  2440 +
  2441 +.action-home-index #content .box-1 .statistics-block,
  2442 +.action-environment_design-index #content .box-1 .statistics-block {
  2443 + display: block;
  2444 + background-color: #0C763E;
  2445 +}
  2446 +
  2447 +.action-home-index .statistics-block .block-title,
  2448 +.action-environment_design-index .statistics-block .block-title {
  2449 + display: none;
  2450 +}
  2451 +
  2452 +.action-home-index .statistics-block-data,
  2453 +.action-environment_design-index .statistics-block-data{
  2454 + padding: 0px;
  2455 + text-align: center;
  2456 +}
  2457 +
  2458 +.action-home-index .statistics-block-data ul,
  2459 +.action-environment_design-index .statistics-block-data ul{
  2460 + list-style:none;
  2461 + display: inline-block;
  2462 +}
  2463 +
  2464 +.action-home-index .statistics-block-data ul li,
  2465 +.action-environment_design-index .statistics-block-data ul li{
  2466 + display: inline-block;
  2467 + margin:0 40px 20px 0px;
  2468 + text-align:center;
  2469 + color:#fff;
  2470 +}
  2471 +
  2472 +.action-home-index .statistics-block-data ul li span,
  2473 +.action-environment_design-index .statistics-block-data ul li span
  2474 +{
  2475 + display: block;
  2476 +}
  2477 +
  2478 +.action-home-index .statistics-block-data ul li .amount,
  2479 +.action-environment_design-index .statistics-block-data ul li .amount{
  2480 + font-size: 600%/*40px !important*/;
  2481 + font-weight:bold;
  2482 + /*width:136px;*/
  2483 + line-height: 1em;
  2484 + padding-bottom: 5px;
  2485 +}
  2486 +
  2487 +.action-home-index .statistics-block-data ul li .label,
  2488 +.action-environment_design-index .statistics-block-data ul li .label{
  2489 + color: white;
  2490 + font-size: 200%;
  2491 + font-weight: normal;
  2492 +}
  2493 +
  2494 +/* Fim Bloco Estatistica */
  2495 +
  2496 +/*bloco de conteúdo relevante*/
  2497 +
  2498 +.relevant-content-plugin_relevant-content-block{}
  2499 +
  2500 +.action-home-index #content .block-outer .block .block{
  2501 + display: inline-block;
  2502 + left: 0;
  2503 + margin-bottom: 14px;
  2504 + margin-left: 0;
  2505 + margin-top: 0;
  2506 + position: relative;
  2507 + vertical-align: top;
  2508 + width: 19%;
  2509 +}
  2510 +
  2511 +.relevant-content-plugin_relevant-content-block ul{
  2512 + padding: 0;
  2513 +}
  2514 +
  2515 +.relevant-content-plugin_relevant-content-block li {
  2516 +}
  2517 +.relevant-content-plugin_relevant-content-block li:hover {
  2518 + background-color: #eee;
  2519 +}
  2520 +.relevant-content-plugin_relevant-content-block li a{
  2521 + color: #333;
  2522 + display: block;
  2523 + padding: 0.5em 1em;
  2524 +}
  2525 +/*Pairwise*/
  2526 +.action-home-index div.pairwise_main .spinner {
  2527 + width: 94%;
  2528 +}
  2529 +
  2530 +.pairwise-plugin_pairwise-content #article-header .title {
  2531 + display: none;
  2532 +}
  2533 +
  2534 +#pairwise_main {
  2535 + text-align: center;
  2536 + width: auto;
  2537 +}
  2538 +
  2539 +#pairwise_main ul.pairwise_menu {
  2540 + background-color: white;
  2541 + color: #ECF2E7;
  2542 + text-align: right;
  2543 +}
  2544 +
  2545 +#pairwise_main ul.pairwise_menu li {
  2546 + display: inline;
  2547 +}
  2548 +
  2549 +#pairwise_main ul.pairwise_menu li a {
  2550 + color: #b3c4a6;
  2551 + font-size: 14px;
  2552 + padding: 1em;
  2553 + text-decoration: none;
  2554 +}
  2555 +
  2556 +#pairwise_main ul.pairwise_menu li a:hover{
  2557 + color: #497B16;
  2558 + background-color: #ECF2E7;
  2559 + border-radius: 10px 10px 0 0;
  2560 + border: 1px solid #b3c4a6;
  2561 + border-bottom: 0px;
  2562 + margin: -1px;
  2563 +}
  2564 +
  2565 +#pairwise_main ul.pairwise_menu li a.active{
  2566 + color: #497B16;
  2567 + background-color: #ECF2E7;
  2568 + border-radius: 10px 10px 0 0;
  2569 + border: 1px solid #b3c4a6;
  2570 + border-bottom: 0px;
  2571 +}
  2572 +
  2573 +#pairwise_main .pairwise_content {
  2574 + background-color: #ECF2E7;
  2575 + padding: 1em;
  2576 + overflow: hidden;
  2577 +}
  2578 +
  2579 +#pairwise_main .pairwise_body {
  2580 + background-color: white;
  2581 + border-radius: 7px 7px 7px 7px;
  2582 + display: block;
  2583 + font-size: 22px;
  2584 + margin: 0 0 0.5em;
  2585 + padding: 1em;
  2586 +}
  2587 +
  2588 +#pairwise_main .pairwise_call_for_action {
  2589 + color: #4B7421;
  2590 + font-size: 14px;
  2591 + line-height: 1.5em;
  2592 +}
  2593 +
  2594 +#pairwise_main .prompt {
  2595 + border-width: 0px;
  2596 + max-width: 369px;
  2597 + height: 170px !important;
  2598 + padding: 10px 0;
  2599 + border-width: 0 !important;
  2600 + border-radius: 10px;
  2601 +}
  2602 +
  2603 +#pairwise_main .prompt.left{
  2604 + background-position: 51% top;
  2605 + float: left;
  2606 +}
  2607 +
  2608 +#pairwise_main .prompt.right{
  2609 + background-position: 50% top;
  2610 + float: right;
  2611 +}
  2612 +
  2613 +#pairwise_main .prompt a{
  2614 + color: #2a2d28 !important;
  2615 + /*font-size: 14px;*/
  2616 + font-size: 12px;/*REDUZIDO PARA CABER 160 CARACTERES.*/
  2617 + display: block;
  2618 + /*height: 170px;*/
  2619 + max-width: 349px;
  2620 + padding: 10px;
  2621 + height: 100%;
  2622 +}
  2623 +
  2624 +#pairwise_main .separator {
  2625 + background-color: #CCCCCC;
  2626 + display: inline-block;
  2627 + float: none;
  2628 + height: 170px;
  2629 + margin-top: 8px;
  2630 + width: 1px;
  2631 +}
  2632 +
  2633 +
  2634 +#pairwise_main .skip_vote {
  2635 + width: 200px !important;
  2636 + text-align: center;
  2637 + padding: 0;
  2638 + border-width: 0px;
  2639 + background-color: transparent !important;
  2640 +/* background-color: #7D8874 !important;
  2641 + font-size: 15px !important;
  2642 + color: #fff;
  2643 + padding: 1em 0 !important;
  2644 + border-width: 0px !important;
  2645 + border-radius: 7px 7px 0px 0px !important;*/
  2646 +}
  2647 +
  2648 +#pairwise_main .skip_vote a {
  2649 + background: url("images/btn_duvida_pairwise.png") no-repeat center center #fff !important;
  2650 + color: transparent !important;
  2651 + display: inline-block;
  2652 + height: 1px;
  2653 + line-height: 0;
  2654 + padding: 1em 0;
  2655 + text-decoration: none;
  2656 + width: 200px;
  2657 +}
  2658 +
  2659 +#pairwise_main .skip_vote a:hover {
  2660 + background: url("images/btn_duvida_pairwise_hover.png") no-repeat center center #fff !important;
  2661 +}
  2662 +
  2663 +#pairwise_main .skip_vote_reasons {background-color: #7D8874;padding-top: 0 !important;}
  2664 +
  2665 +#pairwise_main .skip_vote_reasons ul {margin: 0; padding: 1em;}
  2666 +
  2667 +#pairwise_main .skip_vote_reasons ul li {color: white; padding: 0.5em 0.5em 0.5em 2em; text-align: left;}
  2668 +
  2669 +#pairwise_main .skip_vote_reasons ul li:hover{background-color:#666;}
  2670 +
  2671 +#pairwise_main .skip_vote_reasons ul li a {color: white;text-decoration: none;font-size: 14px;}
  2672 +
  2673 +#pairwise_main #suggestions_box {
  2674 + display: block !important;
  2675 + margin-top: 15px;
  2676 + padding: 10px;
  2677 + text-align: left;
  2678 +}
  2679 +
  2680 +#pairwise_main #suggestions_box span {
  2681 + color: #4B7421;
  2682 + font-size: 15px;
  2683 + font-weight: bold;
  2684 + text-align: left;
  2685 + text-transform: uppercase;
  2686 +}
  2687 +
  2688 +#pairwise_main .suggestion_form {}
  2689 +
  2690 +#pairwise_main #suggestion_box_fields {}
  2691 +
  2692 +#pairwise_main .div_text_input_container {width: 100%;}
  2693 +
  2694 +#pairwise_main .div_text_input_container .div_text_input {
  2695 + display: inline-block;
  2696 + width: 80%;
  2697 +}
  2698 +
  2699 +#pairwise_main .div_text_input_container .div_text_input textarea {
  2700 + border: 1px solid #CCCCCC;
  2701 + border-radius: 0 0 0 0 !important;
  2702 +}
  2703 +
  2704 +#pairwise_main .div_text_input_container .div_text_input .jqEasyCounterMsg {color: #7D8874 !important;font-size: 13px;}
  2705 +
  2706 +#pairwise_main .div_text_input_container .suggest_idea_btn {
  2707 + display: inline-block;
  2708 + margin-left: 5%;
  2709 + vertical-align: top;
  2710 + width: 14%;
  2711 +}
  2712 +
  2713 +#pairwise_main div#suggestions_box #new_idea_button {
  2714 + background: url("images/botao-enviar-pairwise.png") no-repeat top center transparent;
  2715 + color: transparent;
  2716 + border-radius: 0px;
  2717 + cursor: pointer;
  2718 + display: block;
  2719 + min-height: 71px;
  2720 + padding: 5px 10px;
  2721 + width: 93px;
  2722 + border-width: 0;
  2723 +}
  2724 +
  2725 +div.pairwise_group_list_container .arrow span.active {
  2726 + background-position: center top;
  2727 +}
  2728 +
  2729 +/*Fim Pairwise*/
  2730 +
  2731 +/*:::::::::::Acessibilidade:::::::::::*/
  2732 +/************* Contraste *************/
  2733 +
  2734 +
  2735 +body.contraste,
  2736 +body.contraste #wrap-2,
  2737 +body.contraste #header,
  2738 +body.contraste #sobre,
  2739 +body.contraste #footer,
  2740 +body.contraste #main,
  2741 +body.contraste #doormat-container,
  2742 +body.contraste #em-destaque ul,
  2743 +body.contraste #em-destaque li#em-destaque-titulo,
  2744 +body.contraste .outstanding-header .outstanding-title,
  2745 +body.contraste .audiogallery-tile,
  2746 +body.contraste .videogallery-tile,
  2747 +body.contraste ul.css-tabs a,
  2748 +body.contraste .timeline,
  2749 +body.contraste .timeline a {
  2750 + background: #000;
  2751 + color: #fff;
  2752 +}
  2753 +
  2754 +/***********Imagem de Fundo - somente na página inicial*********/
  2755 +
  2756 +
  2757 +body.contraste #barra-psocial{
  2758 + background: url("images/barra-psocial-bg-contarste.png") repeat-x scroll left 50% #fff;
  2759 +}
  2760 +
  2761 +body.contraste #barra-psocial #cat_menu {
  2762 + background-image: url("images/logo-PS-barra-pb.png");
  2763 +}
  2764 +
  2765 +body.contraste #user a,
  2766 +body.contraste #user a strong{
  2767 + color: #ffff00;
  2768 +}
  2769 +
  2770 +body.contraste #content .box-2 .tags-block .block-footer-content a,
  2771 +body.contraste #content .box-2 .people-block .block-footer-content a,
  2772 +body.contraste #content .box-2 .profile-list-block .block-footer-content a,
  2773 +body.contraste #content .box-2 .enterprises-block .block-footer-content a,
  2774 +body.contraste #content .box-2 .members-block .block-footer-content a,
  2775 +body.contraste #content .box-2 .communities-block .block-footer-content a,
  2776 +body.contraste #content .box-2 .friends-block .block-footer-content a,
  2777 +body.contraste #content .more_button .view_all a,
  2778 +body.contraste #content .read_more a,
  2779 +body.contraste .more_button .view_all a,
  2780 +body.contraste .read_more a
  2781 +{
  2782 + background-image: none;
  2783 + background-color: #333;
  2784 + color: #ffff00;
  2785 +}
  2786 +
  2787 +body.contraste.action-home-index #content .article-block .short-post .read-more a,
  2788 +body.contraste #content .box-1 .tags-block .block-footer-content a,
  2789 +body.contraste #content .box-1 .people-block .block-footer-content a,
  2790 +body.contraste #content .box-1 .profile-list-block .block-footer-content a,
  2791 +body.contraste #content .box-1 .enterprises-block .block-footer-content a,
  2792 +body.contraste #content .box-1 .members-block .block-footer-content a,
  2793 +body.contraste #content .box-1 .communities-block .block-footer-content a,
  2794 +body.contraste #content .box-1 .friends-block .block-footer-content a,
  2795 +body.contraste #content .more_button .view_all a,
  2796 +body.contraste #content .read_more a,
  2797 +body.contraste .more_button .view_all a,
  2798 +body.contraste .read_more a
  2799 +{
  2800 + background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;
  2801 + color: #ffff00;
  2802 + border: 0px;
  2803 + border-radius: 0px;
  2804 +}
  2805 +
  2806 +body.contraste a,
  2807 +body.contraste #accessibility a,
  2808 +body.contraste #portal-siteactions a,
  2809 +body.contraste #logo a,
  2810 +body.contraste #logo #portal-title,
  2811 +body.contraste #sobre a,
  2812 +body.contraste h1,
  2813 +body.contraste h2,
  2814 +body.contraste h3,
  2815 +body.contraste h4,
  2816 +body.contraste h5,
  2817 +body.contraste h6,
  2818 +body.contraste #plone-document-byline,
  2819 +body.contraste #doormat-container dt,
  2820 +body.contraste #content .documentDescription,
  2821 +body.contraste #content #description,
  2822 +body.contraste .nitfByline,
  2823 +body.contraste p.section,
  2824 +body.contraste .track_list .item_card .track_stats .hits .label,
  2825 +body.contraste .track_list .item_card .track_stats .comments .label,
  2826 +body.contraste.action-home-index #content .display-content-block .lead p,
  2827 +body.contraste.action-environment_design-index #content .display-content-block .lead p,
  2828 +body.contraste.action-home-index #content .display-content-block .published-at,
  2829 +body.contraste.action-environment_design-index #content .display-content-block .published-at {
  2830 + color: #fff;
  2831 +}
  2832 +
  2833 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a,
  2834 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited,
  2835 +body.contraste #content a:link,
  2836 +body.contraste #content a:link,
  2837 +body.contraste #content a:visited,
  2838 +body.contraste #content a {
  2839 + color: #ffff00;
  2840 +}
  2841 +
  2842 +
  2843 +body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  2844 +body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  2845 +
  2846 +body.contraste #content .display-content-block .title a,
  2847 +body.contraste #content .track_list .item_card .track_content .name,
  2848 +body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  2849 +body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  2850 +body.contraste #content .track_list .item .track_content .lead a {
  2851 + color: #ffff00;
  2852 +}
  2853 +
  2854 +
  2855 +body.contraste.action-home-index #wrap-2,
  2856 +body.contraste.action-environment_design-index #wrap-2 {
  2857 + background-image: none;
  2858 +}
  2859 +
  2860 +body.contraste.action-home-index .block .block-inner-2,
  2861 +body.contraste.action-environment_design-index .block .block-inner-2,
  2862 +body.contraste.action-home-index #content .tags-block .block-inner-2,
  2863 +body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  2864 + background-color: #333;
  2865 +}
  2866 +
  2867 +body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 {
  2868 + background-image: none;
  2869 + background-color: #fff;
  2870 +}
  2871 +
  2872 +
  2873 +body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  2874 + border-top: 1px solid #fff;
  2875 +}
  2876 +
  2877 +body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
  2878 + color: #000;
  2879 + background-color: white;
  2880 +}
  2881 +
  2882 +body.contraste #accessibility span {
  2883 + background: #fff !important;
  2884 + color: #000 !important;
  2885 +}
  2886 +
  2887 +body.contraste #content .box .block-title {
  2888 + background-color: #333;
  2889 +}
  2890 +
  2891 +body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  2892 +body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
  2893 +body.contraste.action-home-index #content .box .block-title,
  2894 +body.contraste.action-environment_design-index #content .box .block-title,
  2895 +body.contraste .container-block-plugin_container-block .block .block-inner-2,
  2896 +body.contraste #footer-content {
  2897 + background-color: transparent;
  2898 +}
  2899 +
  2900 +body.contraste #content .link-list-block li a {
  2901 + background-color: #EEEFFF;
  2902 + background-color: #000;
  2903 + color: white;
  2904 +}
  2905 +
  2906 +body.contraste #content .link-list-block li a.link-this-page,
  2907 +body.contraste #content .link-list-block li a:hover {
  2908 + background-color: #333;
  2909 + color: #ffff00;
  2910 +}
  2911 +
  2912 +body.contraste #content .profile-info-options input.button.with-text,
  2913 +body.contraste #content .profile-info-options a.button.with-text{
  2914 + background-color: #333;
  2915 + color: #ffff00;
  2916 +}
  2917 +
  2918 +body.contraste.action-content_viewer-view_page #content .box-1 .block-title span {
  2919 + background-color: #000;
  2920 + color: white;
  2921 +}
  2922 +
  2923 +body.contraste #content .article-comment {
  2924 + background: none repeat scroll 0 0 #000;
  2925 +}
  2926 +
  2927 +body.contraste #comments_list .comment-info,
  2928 +body.contraste #comments_list .comment-created-at,
  2929 +body.contraste #footer-license a,
  2930 +body.contraste #footer-license p{
  2931 + color: #ffff00;
  2932 +}
  2933 +
  2934 +body.contraste #comments_list .comment-wrapper-8 {
  2935 + background-color: #000000;
  2936 + background-image: none;
  2937 + border: 1px solid #DDDDDD;
  2938 +}
  2939 +
  2940 +body.contraste #comments_list a.display-comment-form,
  2941 +body.contraste #content input.button, body.contraste #content a.button {
  2942 + background-color:#333;
  2943 +}
  2944 +
  2945 +body.contraste #content .recent-documents-block li{
  2946 + background-color:#000;
  2947 +}
  2948 +
  2949 +body.contraste #content .track_list .item_card,
  2950 +body.contraste #content .track_list .item_card .track_stats .comments .counter,
  2951 +body.contraste #content .track_list .item_card .track_stats .hits .counter {
  2952 + background-color: #333;
  2953 + color: #fff;
  2954 +}
  2955 +body.contraste #content .track_list .item_card .track_content .lead {
  2956 + color: #fff;
  2957 +}
  2958 +
  2959 +body.contraste .ui-widget-content {
  2960 + background-color: #000;
  2961 + color: #fff;
  2962 +}
  2963 +
  2964 +body.contraste .ui-state-active,
  2965 +body.contraste .ui-widget-content .ui-state-active,
  2966 +body.contraste .ui-widget-header .ui-state-active {
  2967 + background-image: none;
  2968 + background-color: #000;
  2969 +}
  2970 +
  2971 +body.contraste #footer-logos {
  2972 + background-color: #222;
  2973 +}
  2974 +
  2975 +body.contraste #theme-header .header-content #link-faq a {
  2976 + border-right: 1px solid #ffF;
  2977 +}
  2978 +
  2979 +body.contraste #portal-siteactions {
  2980 + border-bottom: 1px dotted #fff;
  2981 +}
  2982 +
  2983 +body.contraste #social-icons #sb_face {
  2984 + background-image: url("images/icone-branco-facebook.png");
  2985 +}
  2986 +body.contraste #social-icons #sb_face:hover {
  2987 + background: url("images/icone-branco-facebook.png") 0 20px;
  2988 +}
  2989 +
  2990 +body.contraste #social-icons #sb_youtb {
  2991 + background-image: url("images/icone-branco-youtube.png");
  2992 +}
  2993 +body.contraste #social-icons #sb_youtb:hover {
  2994 + background: url("images/icone-branco-youtube.png") 0 20px;
  2995 +}
  2996 +
  2997 +body.contraste #social-icons #sb_tweet {
  2998 + background-image: url("images/icone-branco-twitter.png");
  2999 +}
  3000 +body.contraste #social-icons #sb_tweet:hover {
  3001 + background: url("images/icone-branco-twitter.png") 0 20px;
  3002 +}
  3003 +
  3004 +body.contraste #social-icons #sb_flickr {
  3005 + background-image: url("images/icone-branco-flickr.png");
  3006 +}
  3007 +body.contraste #social-icons #sb_flickr:hover {
  3008 + background: url("images/icone-branco-flickr.png") 0 20px;
  3009 +}
  3010 +
  3011 +
  3012 +/*botão rss*/
  3013 +#article .blog-feed-link {
  3014 + position: relative;
  3015 + right: 0;
  3016 + top: 0;
  3017 +}
  3018 +
  3019 +/* Plugin para curtir artigos e comentários */
  3020 +.pairwise-plugin_pairwise-content .vote-actions {
  3021 + display: none;
  3022 +}
  3023 +
  3024 +.action .dislike:before {
  3025 + content: url(images/negative-hand.png);
  3026 +}
  3027 +
  3028 +.action .like:before {
  3029 + content: url(images/positive-hand.png);
  3030 +}
  3031 +
  3032 +.action .vote-detail {
  3033 + width: 160px;
  3034 +}
  3035 +
  3036 +.vote-action .like-action-active .action-icon {
  3037 + opacity: 1;
  3038 +}
  3039 +
  3040 +#article .action .vote-detail li {
  3041 + padding: 0px;
  3042 +}
  3043 +
  3044 +.vote-action .action-icon {
  3045 + opacity: 0.5;
  3046 +}
  3047 +
  3048 +#article .action .action-icon {
  3049 + top: 3px;
  3050 +}
  3051 +
  3052 +#article .like-action .like-action-counter {
  3053 + color: #2A8C32;
  3054 +}
  3055 +
  3056 +#article .dislike-action .like-action-counter {
  3057 + color: #CC0000;
  3058 +}
  3059 +
  3060 +.vote-actions {
  3061 + position: relative;
  3062 + right: 0;
  3063 + top: 0;
  3064 +}
  3065 +
  3066 +#article .action .vote-detail li {
  3067 + display: inline-block;
  3068 + list-style-type: none;
  3069 + margin-bottom: 5px;
  3070 + margin-left: 0;
  3071 + text-align: left;
  3072 +}
  3073 +
  3074 +#article .action .vote-detail li a span{
  3075 + float: left;
  3076 + margin-left: 5px;
  3077 + width: 120px;
  3078 +}
  3079 +#article .action .vote-detail li a img {
  3080 + float: left;
  3081 +}
  3082 +
  3083 +
  3084 +/*****************************************************/
  3085 +/* EMBED CSS */
  3086 +/*****************************************************/
  3087 +body.action-embed-index {
  3088 + background-color: #f0f0f0;
  3089 +}
  3090 +
  3091 +#embed {
  3092 + width: 100%;
  3093 + height: 100%;
  3094 + display: table;
  3095 +}
  3096 +
  3097 +#embed #content {
  3098 + left: 0;
  3099 + margin-left: 0;
  3100 + margin-top: 0;
  3101 + position: relative;
  3102 + width: 100%;
  3103 +}
  3104 +
  3105 +#embed #content .title {
  3106 + padding-right: 0px;
  3107 +}
  3108 +
  3109 +.action-embed-index #boxes,
  3110 +.action-embed-index .box-1 .blocks,
  3111 +.action-embed-index .block-outer,
  3112 +.action-embed-index #content .block {
  3113 + margin: 0px;
  3114 +}
  3115 +
  3116 +.action-embed-index #wrap-1 {
  3117 + display: table-cell;
  3118 + vertical-align: middle;
  3119 + width: 100%;
  3120 + height: 100%;
  3121 +}
  3122 +
  3123 +.action-embed-index #wrap-2 {
  3124 + border: 0px solid #F00;
  3125 + padding: 0px;
  3126 + background-color: #EEE;
  3127 + margin: 0px;
  3128 +}
  3129 +
  3130 +.action-embed-index .block .block-inner-2 {
  3131 + background-color: white;
  3132 + padding: 1em;
  3133 + margin: 0;
  3134 +}
  3135 +
  3136 +.action-embed-index #content .box-1 .block-title {
  3137 + background-color: transparent;
  3138 + border-bottom: 0 solid #AAAAAA;
  3139 + border-top: 0 none;
  3140 + left: -12px;
  3141 + margin-bottom: 0;
  3142 + margin-top: -38px;
  3143 + position: relative;
  3144 +}
  3145 +
  3146 +.action-embed-index #content .box-1 .block-title span {
  3147 + background-color: #497b16;
  3148 + color: white;
  3149 + font-size: 18px;
  3150 + font-variant: normal;
  3151 + padding: 6px 1em;
  3152 + text-align: left;
  3153 +}
  3154 +
  3155 +/******** BLOCK => TRACK CARD LIST *********/
  3156 +.action-embed-index .community-track-plugin_track-card-list-block .block-inner-2 {
  3157 + background: url("images/bg-bloco-de-trilhas.jpg") no-repeat scroll center top transparent;
  3158 +}
  3159 +
  3160 +.action-embed-index .community-track-plugin_track-card-list-block .track_list {
  3161 + text-align: center;
  3162 + padding: 22px 0px 0px 0px;
  3163 +}
  3164 +
  3165 +.action-embed-index .community-track-plugin_track-card-list-block .view_all a {
  3166 + position: absolute;
  3167 + right: -12px;
  3168 + top: -33px;
  3169 +}
  3170 +
  3171 +/** Bloco de redes sociais **/
  3172 +.social_widget {
  3173 + margin-left: 5px;
  3174 +}
  3175 +
  3176 +.social_widget .social_header {
  3177 + height: 27px;
  3178 + margin-top: 12px;
  3179 +}
  3180 +
  3181 +.social_widget.twitter {
  3182 + background: url(images/twitter-widget.png) no-repeat;
  3183 +}
  3184 +
  3185 +.social_widget.facebook {
  3186 + background: url(images/facebook-widget.png) no-repeat;
  3187 +}
  3188 +
  3189 +.social_widget.instagram {
  3190 + background: url(images/instagram-widget.png) no-repeat;
  3191 +}
  3192 +
  3193 +.social_widget.instagram .social_content {
  3194 + margin-top: 15px;
  3195 +}
  3196 +
  3197 +#content .no-boxes #main-content-wrapper-8 {
  3198 + padding: 10px 10px;
  3199 +}
  3200 +
  3201 +#content .no-boxes #main-content-wrapper-8 .all_tracks {
  3202 + padding-left: 2px;
  3203 +}
  3204 +
  3205 +/* chat {{{ */
  3206 +
  3207 +#chat .toolbar {
  3208 + background-color: #F8C300;
  3209 + border: 2px solid #F8C300;
  3210 +}
  3211 +
  3212 +#chat #environment-logo {
  3213 + background-color: #FCDD4E;
  3214 +}
  3215 +
  3216 +/* }}} */
  3217 +
  3218 +/*estilos do HUB*/
  3219 +
  3220 +.hub .post{
  3221 + background: url("images/hub-time-bg.gif") repeat-y left top #fff;
  3222 +}
  3223 +
  3224 +.hub .remove{
  3225 + background: url("images/hub-remove-icon.png") no-repeat center center #fff;
  3226 +}
  3227 +
  3228 +/*
  3229 +.hub .promote{
  3230 + background: url("images/hub-promote-icon.png") no-repeat center center #fff;
  3231 +}
  3232 +
  3233 +.hub .pin{
  3234 + background: url("images/hub-pin-icon.png") no-repeat center center #fff;
  3235 +}
  3236 +*/
  3237 +
  3238 +.hub ul.settings li{
  3239 + position: relative;
  3240 + background: url("images/hub-arrow-right.png") no-repeat scroll 98% 50% #ED8E01;
  3241 + overflow: hidden;
  3242 + z-index:999;
  3243 +}
  3244 +
  3245 +.hub ul.settings li.twitter:hover{
  3246 + background: url("images/hub-arrow-up.png") no-repeat scroll 95% 50% #ED8E01;
  3247 + min-height: 50px;
  3248 + height: auto;
  3249 +}
  3250 +
  3251 +.hub ul.settings li.twitter label{
  3252 + color: white;
  3253 + display: block;
  3254 + font-style: oblique;
  3255 + line-height: 1.5em;
  3256 + margin-bottom: 5px;
  3257 +}
  3258 +
  3259 +.hub ul.settings li.twitter input{margin-bottom: 10px; margin-right: 5px;}
  3260 +
  3261 +.hub ul.settings li.twitter input.btn-ok {}
  3262 +
  3263 +/* * Internacionalização * */
  3264 +
  3265 +#participa-languages {
  3266 + position: absolute;
  3267 + top: 12px;
  3268 + right: 10px;
  3269 + padding: 0px;
  3270 + z-index: 100;
  3271 +}
  3272 +
  3273 +#participa-languages a {
  3274 + color: #333;
  3275 + text-decoration: none;
  3276 + cursor: pointer;
  3277 + background-repeat: no-repeat;
  3278 + display: inline-block;
  3279 + height: 17px;
  3280 + width: 25px;
  3281 + margin-left: 5px;
  3282 +}
  3283 +
  3284 +.flag-en { background-image: url(images/flag-en.png) }
  3285 +.flag-pt { background-image: url(images/flag-pt_br.png) }
  3286 +
  3287 +#participa-languages a span{ display: none }
  3288 +
  3289 +.parsed-macro .comment-count {
  3290 + margin: 0;
  3291 + padding: 0;
  3292 +}
  3293 +
  3294 +#assets-menu {
  3295 + background: white;
  3296 + display: block;
  3297 + position: static;
  3298 + border: 0;
  3299 +}
  3300 +
  3301 +#assets-menu a {
  3302 + border: 0;
  3303 +}
... ...
theme.js 0 → 100644
  1 +++ a/theme.js
... ... @@ -0,0 +1,52 @@
  1 +function alignBlocks(containerIndex){
  2 + //Needed to save the original reference to jQuery(this)
  3 + jt = jQuery(this);
  4 + longerBlock = 0;
  5 + jt.find(".block-outer").each(function () {
  6 + if(jQuery(this).height() > longerBlock)
  7 + longerBlock = jQuery(this).height();
  8 + });
  9 +
  10 + jt.find("#block-48504 .block-inner-2").height(492);
  11 + jt.find("#block-55304 .block-inner-2").height(378);
  12 +
  13 + //Aligns the blocks in the most common situations
  14 + jt.find(".block-outer").height(longerBlock);
  15 + //Only used for blocks with video, since it uses the size of the iframe
  16 + if(jt.find("iframe").length > 0){
  17 + jt.find(".block-inner-1 .block-inner-2").each(function (idx) {
  18 + if(idx==2){
  19 + jQuery(this).height(jt.find("iframe").height());
  20 + }
  21 + });
  22 + }
  23 +}
  24 +
  25 +jQuery( document ).ready(function( $ ) {
  26 + // Run code
  27 + if($.cookie("high_contrast") === 'true'){
  28 + $( "body" ).toggleClass( "contraste" );
  29 + }
  30 + $( "#siteaction-contraste a" ).click(function() {
  31 + $( "body" ).toggleClass( "contraste" );
  32 + if($('body').hasClass('contraste')){
  33 + $.cookie('high_contrast', 'true', {path: '/'});
  34 + } else {
  35 + $.cookie('high_contrast', null, { path: '/' });
  36 + }
  37 + });
  38 +
  39 + $( ".profile-image" ).prepend( "<span class='helper'></span>" );
  40 + //insere a mensagem no bloco de trilhas na página inicial//
  41 + $( ".action-home-index #content .community-track-plugin_track-card-list-block .track_list" ).prepend( "<span class='msg_block'>Construa seu caminho de participação na elaboração de políticas públicas...</span>" );
  42 + //insere a mensagem no bloco de comunidades na página inicial//
  43 + $( ".action-home-index #content .communities-block .block-inner-2>div" ).prepend( "<span class='msg_block'>Participe dos dialogos entre governo e sociedade em comunidades temáticas...</span>" );
  44 + $( ".action-home-index #content .communities-block .block-inner-2>div.block-footer-content .msg_block" ).remove();
  45 + //insere a mensagem na página de registro//
  46 + $( ".action-account-signup #content form" ).prepend( "<div class='singup_text'><p>Registre-se. Crie sua conta no Participa Brasil! Este é mais um espaço de diálogo entre governo e sociedade civil. Depois que você se registrar será possível fazer comentários e/ou contribuições, participar de consultas públicas, criar blogs, participar e/ou criar comunidades, etc.</p><p>A gestão pública nunca esteve tão próxima das pessoas como agora. Faça parte desta mudança!</p><p>Seja bem vind@!</p></div>" );
  47 + //Alinha os blocos do tipo container lado a lado
  48 + $('.container-block-plugin_container-block').each(alignBlocks);
  49 +
  50 + $('#block-48500 > .block-inner-1 > .block-inner-2').append('<div class="more_button" style="position: absolute; top: 5px; left: 519px;"><div class="view_all"><a href="/portal/blog">Ler todas</a></div></div>');
  51 +
  52 +});
... ...
theme.yml 0 → 100644
  1 +++ a/theme.yml
... ... @@ -0,0 +1,3 @@
  1 +name: "Participa"
  2 +layout: "application-ng"
  3 +icon_theme: [participabr, default, pidgin]
... ...