Commit 0987f23e98416417d01efdee804ec0d20b94f084

Authored by Juliana
1 parent 53861b98

New files css organization

content.css 0 → 100644
... ... @@ -0,0 +1,351 @@
  1 +/******************removidos do style.css***************************/
  2 +/*****************Organizacao geral dos blocos**********************/
  3 +.box-1 {
  4 + /* display: inline-block;*/
  5 + /*width: 490px;*/
  6 +}
  7 +
  8 +.box-2 {
  9 + display: inline-block;
  10 + vertical-align: top;
  11 +}
  12 +.box-3{
  13 + width: 190px; /*230px;*/
  14 +}
  15 +
  16 +
  17 +.box-2 .block .block-inner-2,
  18 +.box-3 .block .block-inner-2 {
  19 +/* padding: 0 0 1em;*/
  20 +}
  21 +
  22 +/*organizacao dos blocos especifico para a pagina inicial*/
  23 +/* Tamanho das colunas customizados na pagina inicial */
  24 +.action-home-index .box-3{
  25 + width: 230px;
  26 +}
  27 +
  28 +.action-home-index .box-1 {
  29 + /* display: inline-block;*/
  30 + width: 490px;
  31 + margin: 0 0 0 210px;
  32 +}
  33 +
  34 +/**********************fim pagina inicial************************/
  35 +
  36 +/*label dos radio buttons da busca*/
  37 +#content .search-field label {
  38 + display: inline-block;
  39 + font-size: 12px;
  40 + vertical-align: middle;
  41 + margin-left: 5px;
  42 +}
  43 +
  44 +#public-profile-search .formfield, #public-profile-search .submit {
  45 + margin-bottom: 5px;
  46 +}
  47 +
  48 +#content .profile ul{
  49 + margin-left: 1em;
  50 +}
  51 +/****************************************************************/
  52 +
  53 +/*paginação*/
  54 +
  55 +.pagination {
  56 + border-top: 0 none;
  57 +}
  58 +
  59 +.pagination {
  60 + font-size: 120%;
  61 + margin-bottom: 30px;
  62 +}
  63 +
  64 +.pagination .previous_page {
  65 + margin-right: 0.5em; font-weight: bold;
  66 +}
  67 +.pagination .next_page {
  68 + margin-left: 0.5em; font-weight: bold;
  69 +}
  70 +
  71 +#content .pagination a {
  72 + padding: 7px 11px 7px 11px;
  73 + border-radius: 4px;
  74 + margin-right: 4px;
  75 + letter-spacing: 0.6px;
  76 + color: #172738;
  77 + border: 1px solid #D3D6DE;
  78 +}
  79 +
  80 +.pagination .current {
  81 + background-color: #ECEDF1;
  82 + padding: 8px 11px 8px 11px;
  83 + border-radius: 4px;
  84 + margin-right: 4px;
  85 + font-family: Arial;
  86 + font-weight: 700;
  87 + font-size: 16px;
  88 + border: 1px solid #D3D6DE;
  89 +}
  90 +
  91 +#content .pagination a.previous_page,
  92 +#content .pagination a.next_page{
  93 + background-image: none;
  94 + color: #888888;
  95 + font-size: 14px;
  96 + width: auto;
  97 +}
  98 +
  99 +
  100 +#content #article .pagination .next_page,
  101 +#content #article .pagination .previous_page{
  102 + background-image: none;
  103 + color: #ccc;
  104 + width: auto;
  105 + font-size: 16px;
  106 +}
  107 +
  108 +/*fim paginação*/
  109 +
  110 +
  111 +/*botão ver todos*/
  112 +.more_button,
  113 +.read_more {
  114 + margin-bottom: 15px;
  115 + margin-top: -5px;
  116 + color: #000000;
  117 + font-size: 11px;
  118 + text-align: left;
  119 +}
  120 +
  121 +#content .more_button .view_all a,
  122 +#content .read_more a{
  123 + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent;
  124 + color: #333;
  125 + display: inline-block;
  126 + font-weight: bold;
  127 + padding: 10px 20px 10px 50px;
  128 + text-align: left;
  129 + font-family: Arial, sans-serif;
  130 +}
  131 +
  132 +.community-track-plugin_track-card-list-block .more_button{
  133 + text-align: right;
  134 +}
  135 +
  136 +.community-track-plugin_track-card-list-block .more_button .view_all a{
  137 + margin-right: 12px;
  138 +}
  139 +
  140 +/*área do rodapé do bloco onde fica o botão ver todos*/
  141 +.block-footer-content {
  142 + text-align: right;
  143 + margin-top: 0.5em;
  144 +}
  145 +.box-2 .block-footer-content,
  146 +.box-3 .block-footer-content {
  147 + margin-right: 8px;
  148 +}
  149 +
  150 +/*#content .tags-block .block-footer-content a, */
  151 +
  152 +#content .tags-block .block-footer-content a,
  153 +#content .people-block .block-footer-content a,
  154 +#content .profile-list-block .block-footer-content a,
  155 +#content .enterprises-block .block-footer-content a,
  156 +#content .members-block .block-footer-content a,
  157 +#content .communities-block .block-footer-content a,
  158 +#content .softwares-block .block-footer-content a,
  159 +#content .institutions-block .block-footer-content a,
  160 +#content .friends-block .block-footer-content a {
  161 + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #EEEEEE;
  162 + border: 1px solid #CCCCCC;
  163 + border-radius: 5px 5px 5px 5px;
  164 + display: inline;
  165 + margin: 14px 0 14px 14px;
  166 + padding: 5px 15px;
  167 + position: relative;
  168 + top: 5px;
  169 +}
  170 +
  171 +/*fim botoes ver todos*/
  172 +
  173 +
  174 +/*************fim - removidos do style.css*******************/
  175 +
  176 +
  177 +/*******removidos do cabecalho-cinza-theme.css****************/
  178 +/***************** padrao dos titulos para os boxes *************/
  179 +#content .box .block-title {
  180 + font-size: 12px;
  181 + text-align: left;
  182 + border-bottom: none;
  183 + padding: 5px 8px 18px 7px;
  184 + text-transform: uppercase;
  185 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  186 + font-variant: normal;
  187 + margin: 0px 0px 2px 0px;
  188 + border-top: 4px solid #3E67B1;
  189 + background: #eee;
  190 + color: #3E67B1;
  191 +}
  192 +
  193 +/*****************fim padrao dos titulos dos blocos********************/
  194 +
  195 +/*****************Registro de usuário*************************/
  196 +.action-account-signup .no-boxes form {
  197 + margin: 0px;
  198 +}
  199 +
  200 +.action-account-signup .singup_text {
  201 + display: inline-block;
  202 + float: left;
  203 + margin-right: 5%;
  204 + margin-top: 70px;
  205 + width: 30%;
  206 +}
  207 +
  208 +.action-account-signup #signup-form-header,
  209 +.action-account-signup #signup-form-profile {
  210 + float: center;
  211 + margin: 1px auto 5px;
  212 + width: 60%;
  213 +}
  214 +
  215 +.action-account-signup form>p {
  216 + clear: both;
  217 +}
  218 +
  219 +/**************Fim Registro de usuário*********************/
  220 +
  221 +/********************* PopUp Login*************************/
  222 +
  223 +#TB_window {
  224 + left: -350px;
  225 + margin-left: 50% !important;
  226 + width: 700px !important;
  227 +}
  228 +
  229 +#TB_ajaxContent.TB_modal {
  230 + padding: 15px;
  231 + position: relative;
  232 + width: auto !important;
  233 + height: auto !important;
  234 +}
  235 +
  236 +#TB_window .login-box{
  237 + width: 100%;
  238 + background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF;
  239 +}
  240 +
  241 +#TB_window .login-box h2{
  242 + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF;
  243 + color: #757575;
  244 + font-size: 20px;
  245 + font-style: italic;
  246 + font-weight: normal;
  247 + width: 45%;
  248 +}
  249 +
  250 +#TB_window .login-box form {
  251 + margin: 0;
  252 + width: 45%;
  253 + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/
  254 +}
  255 +/*
  256 +#TB_window .login-box .formfieldline input {
  257 + width: 95%;
  258 +}
  259 +
  260 +#TB_window .login-box .button-bar input.icon-login {
  261 + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF;
  262 + border: 0px none;
  263 + font-family: arial,sans-serif;
  264 + font-size: 16px;
  265 + font-weight: bold;
  266 + height: 50px !important;
  267 + max-height: 50px !important;
  268 + padding: 0;
  269 + text-transform: uppercase;
  270 + width: 145px;
  271 + cursor: pointer;
  272 +}
  273 +
  274 +#TB_window .login-box .button-bar input.icon-login:hover {
  275 + background-image: url("images/btn_entrar_login_hover.png");
  276 +}
  277 +
  278 +#TB_window .login-box .button-bar a.icon-close {
  279 + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/
  280 + /* background-color: #FCE9E8;
  281 + background-image: none;
  282 + border: 0 none;
  283 + border-radius: 5px 5px 5px 5px;
  284 + color: #CE5E5E;
  285 + font-size: 16px;
  286 + font-weight: bold;
  287 + height: 35px;
  288 + padding: 14px 13px 0;
  289 + text-align: center;
  290 + text-transform: uppercase;
  291 + width: 115px;
  292 +}
  293 +#TB_window .login-box .button-bar a.icon-close:hover {
  294 + background-color: #FFD1CF;
  295 +}
  296 +
  297 +#TB_window .login-box .button-bar input.submit,
  298 +#TB_window .login-box .button-bar a.icon-close {
  299 + border: 0px none;
  300 +}
  301 +
  302 +#TB_window .login-box .button-bar {
  303 + float: none;
  304 + margin-bottom: 1em;
  305 + margin-top: 1em;
  306 + width: 100%;
  307 +}
  308 +
  309 +#TB_window .login-box .button-bar .icon-add{
  310 + background-color: #F7E074;
  311 + background-image: none;
  312 + color: #004B82;
  313 + float: right;
  314 + font-size: 16px;
  315 + font-weight: bold;
  316 + margin-right: 75px;
  317 + padding: 10px;
  318 + position: relative;
  319 + text-align: center;
  320 + top: -3em;
  321 + width: 30%;
  322 +}
  323 +
  324 +#TB_window .login-box .button-bar .icon-add span{
  325 + border-bottom: 1px solid #F7E074;
  326 +}
  327 +
  328 +#TB_window .login-box .button-bar .icon-help{
  329 +
  330 +}
  331 +
  332 +#TB_window .login-box form .button-bar {
  333 + float: none;
  334 + width: 100%
  335 +}
  336 +
  337 +#email-check, #fake-check, #password-rate, #password-check {
  338 + width: 375px;
  339 +}
  340 +
  341 +#signup-form small#signup-balloon,
  342 +#signup-form small#password-balloon,
  343 +#signup-form small#password-confirmation-balloon,
  344 +#signup-form small#email-balloon,
  345 +#signup-form small#name-balloon {
  346 + right: 0;
  347 +}
  348 +
  349 +/***********************Fim PopUp Login**************************/
  350 +
  351 +/*******fim - removidos do cabecalho-cinza-theme.css****************/
... ...
contraste.css 0 → 100644
... ... @@ -0,0 +1,442 @@
  1 +/*:::::::::::Acessibilidade:::::::::::*/
  2 +/************* Contraste *************/
  3 +
  4 +
  5 +body.contraste,
  6 +body.contraste #wrap-2,
  7 +body.contraste #header,
  8 +body.contraste #sobre,
  9 +body.contraste #footer,
  10 +body.contraste #main,
  11 +body.contraste #doormat-container,
  12 +body.contraste #em-destaque ul,
  13 +body.contraste #em-destaque li#em-destaque-titulo,
  14 +body.contraste .outstanding-header .outstanding-title,
  15 +body.contraste .audiogallery-tile,
  16 +body.contraste .videogallery-tile,
  17 +body.contraste ul.css-tabs a,
  18 +body.contraste .timeline,
  19 +body.contraste .timeline a {
  20 + background: #000;
  21 + color: #fff;
  22 +}
  23 +
  24 +/***********Imagem de Fundo - somente na página inicial*********/
  25 +
  26 +
  27 +body.contraste #barra-psocial{
  28 + background: url("images/barra-psocial-bg-contarste.png") repeat-x scroll left 50% #fff;
  29 +}
  30 +
  31 +body.contraste #barra-psocial #cat_menu {
  32 + background-image: url("images/logo-PS-barra-pb.png");
  33 +}
  34 +
  35 +#cat_menu {
  36 + display: none;
  37 +}
  38 +
  39 +body.contraste #user a,
  40 +body.contraste #user a strong{
  41 + color: #ffff00;
  42 +}
  43 +
  44 +body.contraste #content .box-2 .tags-block .block-footer-content a,
  45 +body.contraste #content .box-2 .people-block .block-footer-content a,
  46 +body.contraste #content .box-2 .profile-list-block .block-footer-content a,
  47 +body.contraste #content .box-2 .enterprises-block .block-footer-content a,
  48 +body.contraste #content .box-2 .members-block .block-footer-content a,
  49 +body.contraste #content .box-2 .communities-block .block-footer-content a,
  50 +body.contraste #content .box-2 .friends-block .block-footer-content a,
  51 +body.contraste #content .more_button .view_all a,
  52 +body.contraste #content .read_more a,
  53 +body.contraste .more_button .view_all a,
  54 +body.contraste .read_more a
  55 +{
  56 + background-image: none;
  57 + background-color: #333;
  58 + color: #ffff00;
  59 +}
  60 +
  61 +body.contraste.action-home-index #content .article-block .short-post .read-more a,
  62 +body.contraste #content .box-1 .tags-block .block-footer-content a,
  63 +body.contraste #content .box-1 .people-block .block-footer-content a,
  64 +body.contraste #content .box-1 .profile-list-block .block-footer-content a,
  65 +body.contraste #content .box-1 .enterprises-block .block-footer-content a,
  66 +body.contraste #content .box-1 .members-block .block-footer-content a,
  67 +body.contraste #content .box-1 .communities-block .block-footer-content a,
  68 +body.contraste #content .box-1 .friends-block .block-footer-content a,
  69 +body.contraste #content .more_button .view_all a,
  70 +body.contraste #content .read_more a,
  71 +body.contraste .more_button .view_all a,
  72 +body.contraste .read_more a
  73 +{
  74 + /*background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;*/
  75 + background: none #333;
  76 + color: #ffff00;
  77 + border: 0px;
  78 + border-radius: 0px;
  79 +}
  80 +
  81 +body.contraste a,
  82 +body.contraste #accessibility a,
  83 +body.contraste #portal-siteactions a,
  84 +body.contraste #logo a,
  85 +body.contraste #logo #portal-title,
  86 +body.contraste #sobre a,
  87 +body.contraste #theme-footer a,
  88 +body.contraste h1,
  89 +body.contraste h2,
  90 +body.contraste h3,
  91 +body.contraste h4,
  92 +body.contraste h5,
  93 +body.contraste h6,
  94 +body.contraste #plone-document-byline,
  95 +body.contraste #doormat-container dt,
  96 +body.contraste #content .documentDescription,
  97 +body.contraste #content #description,
  98 +body.contraste .nitfByline,
  99 +body.contraste p.section,
  100 +body.contraste .track_list .item_card .track_stats .hits .label,
  101 +body.contraste .track_list .item_card .track_stats .comments .label,
  102 +body.contraste.action-home-index #content .display-content-block .lead p,
  103 +body.contraste.action-environment_design-index #content .display-content-block .lead p,
  104 +body.contraste.action-home-index #content .display-content-block .published-at,
  105 +body.contraste.action-environment_design-index #content .display-content-block .published-at {
  106 + color: #fff;
  107 +}
  108 +
  109 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a,
  110 +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited,
  111 +body.contraste #content a:link,
  112 +body.contraste #content a:link,
  113 +body.contraste #content a:visited,
  114 +body.contraste #content a {
  115 + color: #fff;
  116 +}
  117 +
  118 +
  119 +body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  120 +body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  121 +
  122 +body.contraste #content .display-content-block .title a,
  123 +body.contraste #content .track_list .item_card .track_content .name,
  124 +body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a,
  125 +body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a,
  126 +body.contraste #content .track_list .item .track_content .lead a {
  127 + color: #ffff00;
  128 +}
  129 +
  130 +
  131 +body.contraste.action-home-index #wrap-2,
  132 +body.contraste.action-environment_design-index #wrap-2 {
  133 + background-image: none;
  134 +}
  135 +
  136 +body.contraste.action-home-index .block .block-inner-2,
  137 +body.contraste.action-environment_design-index .block .block-inner-2,
  138 +body.contraste.action-home-index #content .tags-block .block-inner-2,
  139 +body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  140 + background-color: #000;
  141 +}
  142 +
  143 +body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 {
  144 + background-image: none;
  145 + background-color: #fff;
  146 +}
  147 +
  148 +
  149 +body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 {
  150 + border-top: 1px solid #fff;
  151 +}
  152 +
  153 +body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span {
  154 + background-color: #000;
  155 + color: #FFF !important;
  156 +}
  157 +
  158 +body.contraste #logo #portal-title {
  159 + background-image: url("images/logotipo_spb_beta_ac.svg");
  160 + background-repeat: no-repeat;
  161 + background-size: 374px 78px;
  162 +}
  163 +
  164 +body.contraste #accessibility span {
  165 + background: #fff !important;
  166 + color: #000 !important;
  167 +}
  168 +
  169 +body.contraste #content .box .block-title {
  170 + background-color: #333;
  171 +}
  172 +
  173 +body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block,
  174 +body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block,
  175 +body.contraste.action-home-index #content .box .block-title,
  176 +body.contraste.action-environment_design-index #content .box .block-title,
  177 +body.contraste .container-block-plugin_container-block .block .block-inner-2,
  178 +body.contraste #footer-content {
  179 + background-color: transparent;
  180 +}
  181 +
  182 +body.contraste #content .link-list-block li a {
  183 + background-color: #000;
  184 + color: white;
  185 +}
  186 +
  187 +body.contraste #content .link-list-block li a.link-this-page,
  188 +body.contraste #content .link-list-block li a:hover {
  189 + background-color: #333;
  190 + color: #ffff00;
  191 +}
  192 +
  193 +body.contraste #content .profile-info-options input.button.with-text,
  194 +body.contraste #content .profile-info-options a.button.with-text{
  195 + background-color: #333;
  196 + color: #ffff00;
  197 +}
  198 +
  199 +body.contraste.action-content_viewer-view_page #content .box-1 .block-title span {
  200 + background-color: #000;
  201 + color: white;
  202 +}
  203 +
  204 +body.contraste #content .article-comment {
  205 + background: none repeat scroll 0 0 #000;
  206 +}
  207 +
  208 +body.contraste #content .recent-documents-block .block-inner-2,
  209 +body.contraste #content .box .block-title {
  210 + background-color: #000;
  211 + color: white;
  212 +}
  213 +
  214 +body.contraste #comments_list .comment-info,
  215 +body.contraste #comments_list .comment-created-at,
  216 +body.contraste #footer-license a,
  217 +body.contraste #footer-license p{
  218 + color: #ffff00;
  219 +}
  220 +
  221 +body.contraste #comments_list .comment-wrapper-8 {
  222 + background-color: #000000;
  223 + background-image: none;
  224 + border: 1px solid #DDDDDD;
  225 +}
  226 +
  227 +body.contraste #comments_list a.display-comment-form,
  228 +body.contraste #content input.button, body.contraste #content a.button {
  229 + background-color:#333;
  230 +}
  231 +
  232 +body.contraste #content .recent-documents-block li{
  233 + background-color:#000;
  234 +}
  235 +
  236 +body.contraste #content .track_list .item_card,
  237 +body.contraste #content .track_list .item_card .track_stats .comments .counter,
  238 +body.contraste #content .track_list .item_card .track_stats .hits .counter {
  239 + background-color: #333;
  240 + color: #fff;
  241 +}
  242 +body.contraste #content .track_list .item_card .track_content .lead {
  243 + color: #fff;
  244 +}
  245 +
  246 +body.contraste .ui-widget-content {
  247 + background-color: #000;
  248 + color: #fff;
  249 +}
  250 +
  251 +body.contraste .ui-state-active,
  252 +body.contraste .ui-widget-content .ui-state-active,
  253 +body.contraste .ui-widget-header .ui-state-active {
  254 + background-image: none;
  255 + background-color: #000;
  256 +}
  257 +
  258 +body.contraste #footer-logos {
  259 + background-color: #222;
  260 +}
  261 +
  262 +body.contraste #theme-header .header-content #link-faq a {
  263 + border-right: 1px solid #ffF;
  264 +}
  265 +
  266 +body.contraste #portal-siteactions {
  267 + /*border-bottom: 1px dotted #fff;*/
  268 +}
  269 +
  270 +body.contraste #complete_registration {
  271 + background-color: transparent;
  272 +}
  273 +
  274 +body.contraste tr:hover td {
  275 + background-color: #333;
  276 +}
  277 +
  278 +body.contraste .action-friends-index .profile-list li:hover,
  279 +body.contraste .common-profile-list-block .vcard:hover {
  280 + border: 1px solid #CCC;
  281 + background: #333;
  282 + text-decoration: none;
  283 +}
  284 +
  285 +body.contraste .menu-submenu-content {
  286 + border: 1px solid #CCC;
  287 + background: none #333 ;
  288 +
  289 +}
  290 +
  291 +body.contraste #user .logged-in {
  292 + background: none #333 ;
  293 + /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */
  294 + color: #fff;
  295 +}
  296 +
  297 +body.contraste #social-icons #sb_face {
  298 + background-image: url("images/icone-branco-facebook.png");
  299 +}
  300 +body.contraste #social-icons #sb_face:hover {
  301 + background: url("images/icone-branco-facebook.png") 0 20px;
  302 +}
  303 +
  304 +body.contraste #social-icons #sb_youtb {
  305 + background-image: url("images/icone-branco-youtube.png");
  306 +}
  307 +body.contraste #social-icons #sb_youtb:hover {
  308 + background: url("images/icone-branco-youtube.png") 0 20px;
  309 +}
  310 +
  311 +body.contraste #social-icons #sb_tweet {
  312 + background-image: url("images/icone-branco-twitter.png");
  313 +}
  314 +body.contraste #social-icons #sb_tweet:hover {
  315 + background: url("images/icone-branco-twitter.png") 0 20px;
  316 +}
  317 +
  318 +body.contraste #social-icons #sb_flickr {
  319 + background-image: url("images/icone-branco-flickr.png");
  320 +}
  321 +body.contraste #social-icons #sb_flickr:hover {
  322 + background: url("images/icone-branco-flickr.png") 0 20px;
  323 +}
  324 +
  325 +body.contraste .no-boxes-inner-2 {
  326 + background-color: #000!important;
  327 + color: #fff;
  328 +}
  329 +
  330 +body.contraste #signup-form {
  331 + color: #fff;
  332 +}
  333 +
  334 +body.contraste #portal-searchbox {
  335 + border-color: #FFF;
  336 + background-color: #000;
  337 +}
  338 +
  339 +body.contraste #portal-searchbox .searchField {
  340 + background-color: #000;
  341 + color: #FFF !important;
  342 +}
  343 +
  344 +body.contraste #header input.searchButton {
  345 + background-color: #000;
  346 + background-position: 0px 2px;
  347 +}
  348 +
  349 +body.contraste #menucontainer {
  350 + background: #333;
  351 + color: #FFF !important;
  352 +}
  353 +
  354 +body.contraste #menucontainer ul li.parent_menu a {
  355 + color: #FFF !important;
  356 +}
  357 +
  358 +body.contraste #content .no-boxes h1 {
  359 + color: #FFF !important;
  360 +}
  361 +
  362 +body.contraste #signup-form .formfieldline,
  363 +body.contraste #signup-formfield-group,
  364 +body.contraste #signup-form .required-field label,
  365 +body.contraste #signup-form .formlabel {
  366 + background-color: #000;
  367 + color: #FFF !important;
  368 +}
  369 +
  370 +body.contraste .pseudoformlabel,
  371 +body.contraste .formlabel {
  372 + color: #FFF;
  373 +}
  374 +
  375 +body.contraste #signup-form {
  376 + border-color: #FFF;
  377 + background-color: #000;
  378 +}
  379 +
  380 +body.contraste #signup-form .formfield input,
  381 +body.contraste #signup-form .formfield textarea {
  382 + background-color: #000;
  383 + color: #FFF !important;
  384 +}
  385 +
  386 +body.contraste #signup-domain {
  387 + border-color: #FFF;
  388 + background-color: #000;
  389 + color: #FFF !important;
  390 +}
  391 +
  392 +body.contraste .ui-state-default,
  393 +body.contraste .ui-widget-content .ui-state-default,
  394 +body.contraste .ui-widget-header .ui-state-default {
  395 + border: 1px solid #FFF;
  396 + background-color: #000;
  397 + color: #FFF !important;
  398 +}
  399 +
  400 +body.contraste .agenda-tile .title {
  401 + border-bottom: 1px solid #FFF;
  402 + color: #FFF;
  403 +}
  404 +
  405 +body.contraste .agenda-tile .period {
  406 + color: #FFF;
  407 +}
  408 +
  409 +/*****************constraste footer*****************/
  410 +
  411 +
  412 +.contraste {
  413 +background-color:#000!important;
  414 +color:#fff
  415 +}
  416 +
  417 +
  418 +.contraste header #portal-siteactions,.contraste header #language {
  419 +border-color:#666
  420 +}
  421 +
  422 +.contraste footer {
  423 + background-image:none;
  424 + background-color:#000;
  425 +}
  426 +.contraste footer h2,.contraste footer h3,.contraste footer h4 {
  427 +color:#fff
  428 +}
  429 +.contraste footer .footer-atalhos,.contraste footer .footer-logos {
  430 +/*background:#1c1c1c;*/
  431 +border-color:yellow
  432 +}
  433 +.contraste footer .footer-atalhos a,.contraste footer .footer-logos a {
  434 +color:#ff0
  435 +}
  436 +.contraste footer .footer-ferramenta,
  437 +.contraste footer .footer-atalhos {
  438 + background-color:#000;
  439 + color:#fff;
  440 +}
  441 +
  442 +/******fim constraste footer*******/
0 443 \ No newline at end of file
... ...
footer.css 0 → 100644
... ... @@ -0,0 +1,339 @@
  1 +/******************Footer-Rodapé**********************************/
  2 +#theme-footer {
  3 + width: 100%;
  4 + min-width: 960px;
  5 +}
  6 +#theme-footer a{
  7 + color:#2c66ce;
  8 +}
  9 +#theme-footer a:hover{
  10 + color:#2c66ce;
  11 +}
  12 +
  13 +#footer-content {
  14 + background: #fff;
  15 +}
  16 +
  17 +#footer-logos {
  18 + background: #0042b2; /*rgb(96,96,96);*/
  19 + max-width: 100%;
  20 + padding: 2em 0;
  21 + height: 49px;
  22 +}
  23 +
  24 +#footer-logos div {
  25 + max-width: 960px;
  26 + margin: 0 auto;
  27 +}
  28 +
  29 +#footer-logos a {
  30 + display: block;
  31 + height: 49px;
  32 + float: left;
  33 +}
  34 +
  35 +#footer-logos span {
  36 + display: none;
  37 +}
  38 +
  39 +#footer-logos .logo-acesso {
  40 + background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
  41 + width: 107px;
  42 +}
  43 +
  44 +#footer-logos .logo-brasil {
  45 + background: transparent url(images/brasil.png) center center no-repeat;
  46 + width: 153px;
  47 +}
  48 +
  49 +#footer-logos .logo-sgpr {
  50 + background: transparent url(images/sgpr.png) center center no-repeat;
  51 + width: 187px;
  52 + margin-right: 30px;
  53 +}
  54 +
  55 +#footer-logos .institucionais {
  56 + float: right;
  57 +}
  58 +
  59 +#footer-license {
  60 + max-width: 960px;
  61 + margin: 0 auto;
  62 + text-align: left;
  63 + padding: 5px;
  64 +}
  65 +
  66 +#footer-license p {
  67 + color: #0d4094;
  68 + text-align: left;
  69 +}
  70 +/***********Rodape Colab *********************/
  71 +
  72 +footer{
  73 + display:block
  74 +}
  75 +
  76 +header .accessibility-language-actions-container {
  77 + height:25px;
  78 + overflow:hidden
  79 +}
  80 +
  81 +main div.row-flutuante {
  82 +margin-top:-28px
  83 +}
  84 +main .row-fluid {
  85 +margin-left:0!important
  86 +}
  87 +
  88 +footer {
  89 +background:#d5d5d5;
  90 +}
  91 +footer .footer-atalhos {
  92 +background:#fff;
  93 +border-bottom: 2px
  94 +}
  95 +
  96 +footer .footer-atalhos .container {
  97 +padding:10px 0 25px 0
  98 +}
  99 +footer .footer-atalhos .voltar-ao-topo a {
  100 +color:#717782
  101 +}
  102 +footer .footer-atalhos .voltar-ao-topo a:hover {
  103 +text-decoration:underline
  104 +}
  105 +footer .container-menus {
  106 +/*padding:46px 0 0 0*/
  107 +}
  108 +
  109 +footer .row {
  110 + margin-bottom: 20px;
  111 +}
  112 +
  113 +footer nav {
  114 +border-left:1px dotted #2c66ce; /*#555;*/ /*#dbdbc8;*/
  115 +padding:0 5px 0 10px
  116 +}
  117 +footer nav h2 {
  118 +font-size:18px; /*1.3em;*/
  119 +font-weight:bold;
  120 +color: #2c66ce; /*#3b3f44;*/
  121 +line-height:1.3em;
  122 +padding: 0px; /*30px 0 0px 0;*/
  123 +margin: 0 0 8px 0;
  124 +}
  125 +
  126 +footer nav ul {
  127 + margin-left: 0px;
  128 +}
  129 +
  130 +footer nav li {
  131 +display:block;
  132 +padding-bottom:3px
  133 +}
  134 +footer nav a {
  135 +font-size: 13px; /*.9em;*/
  136 +color:#838489;
  137 +line-height:1.7em;
  138 +font-family:"open_sansregular", Arial, Helvetica, sans-serif;
  139 +}
  140 +footer nav a:hover {
  141 +color:#838489;
  142 +text-decoration:underline
  143 +}
  144 +footer .footer-menus {
  145 +padding-bottom:10px
  146 +}
  147 +footer .footer-logos {
  148 +padding:25px 0;
  149 +}
  150 +footer .footer-ferramenta {
  151 +background:#fff;
  152 +padding:17px 0 11px 0
  153 +}
  154 +footer .footer-ferramenta p {
  155 +font-size:.91em;
  156 +line-height:1em
  157 +}
  158 +@media(min-width:980px) {
  159 +
  160 +footer .container2{
  161 + width: 100%;
  162 +}
  163 +
  164 +footer .footer-atalhos a {
  165 + margin-right:12px
  166 +}
  167 +footer .footer-logos {
  168 + padding-left:10px;
  169 + padding-right:10px
  170 +}
  171 +footer .footer-ferramenta {
  172 + text-align:center
  173 +}
  174 +
  175 +#content.internas div.pull-none {
  176 +width:100%;
  177 +margin:10px 0;
  178 +text-align:center
  179 +}
  180 +
  181 +.container2,.navbar-static-top .container2,.navbar-fixed-top .container2,.navbar-fixed-bottom .container2 {
  182 + width:724px;
  183 +}
  184 +
  185 +
  186 +.span2 {
  187 +width:104px;
  188 +}
  189 +
  190 +article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
  191 + display:block;
  192 +}
  193 +
  194 +.row {
  195 + margin-left:auto !important;
  196 + *zoom:1;
  197 + margin-right:auto !important;
  198 +}
  199 +
  200 +.row:before,.row:after {
  201 + display:table;
  202 + content:"";
  203 + line-height:0;
  204 +}
  205 +.row:after {
  206 + clear:both;
  207 +}
  208 +[class*="span"] {
  209 + float:left;
  210 + min-height: 1px;
  211 + margin-left: 30px;
  212 + margin-top: 30px;
  213 +}
  214 +.container {
  215 + max-width: 100%;
  216 + padding-left: 0px;
  217 + padding-right: 0px;
  218 + width:100%;
  219 +
  220 +}
  221 +
  222 +.span12 {
  223 + width:930px;
  224 +}
  225 +.span11 {
  226 + width:850px;
  227 +}
  228 +.span10 {
  229 + width:770px;
  230 +}
  231 +.span9 {
  232 + width:690px;
  233 +}
  234 +.span8 {
  235 + width:510px;
  236 +}
  237 +.span7 {
  238 + width:530px;
  239 +}
  240 +.span6 {
  241 + width:450px;
  242 +}
  243 +.span5 {
  244 + width:370px;
  245 +}
  246 +.span4 {
  247 + width:290px;
  248 +}
  249 +.span3 {
  250 + width:210px;
  251 +}
  252 +.span2 {
  253 + width:130px;
  254 +}
  255 +.span1 {
  256 + width:50px;
  257 +}
  258 +
  259 +.container2 {
  260 + margin-right:auto;
  261 + margin-left:auto;
  262 + *zoom:1;
  263 + max-width: 960px;
  264 + /*max-width: 1040px; */
  265 +}
  266 +.container2:before,.container2:after {
  267 + display:table;
  268 + content:"";
  269 + line-height:0;
  270 +}
  271 +.container2:after {
  272 + clear:both;
  273 +}
  274 +
  275 +/*
  276 +
  277 +.modal-footer {
  278 + padding:14px 15px 15px;
  279 + margin-bottom:0;
  280 + text-align:right;
  281 + background-color:#f5f5f5;
  282 + border-top:1px solid #ddd;
  283 + -webkit-border-radius:0 0 6px 6px;
  284 + -moz-border-radius:0 0 6px 6px;
  285 + border-radius:0 0 6px 6px;
  286 + -webkit-box-shadow:inset 0 1px 0 #ffffff;
  287 + -moz-box-shadow:inset 0 1px 0 #ffffff;
  288 + box-shadow:inset 0 1px 0 #ffffff;
  289 + *zoom:1;
  290 +}
  291 +.modal-footer:before,.modal-footer:after {
  292 + display:table;
  293 + content:"";
  294 + line-height:0;
  295 +}
  296 +.modal-footer:after {
  297 + clear:both;
  298 +}
  299 +.modal-footer .btn+.btn {
  300 + margin-left:5px;
  301 + margin-bottom:0;
  302 +}
  303 +.modal-footer .btn-group .btn+.btn {
  304 + margin-left:-1px;
  305 +}
  306 +.modal-footer .btn-block+.btn-block {
  307 + margin-left:0;
  308 +} * TESTE DO FOOTER*/
  309 +
  310 +
  311 +
  312 +/*.dropdown-menu.pull-right {
  313 + right:0;
  314 + left:auto;
  315 +}
  316 +*/
  317 +
  318 +.hide {
  319 + display:none;
  320 +}
  321 +
  322 +.hidden {
  323 + display:none;
  324 + visibility:hidden;
  325 +}
  326 +
  327 +.visible-phone {
  328 + display:none !important;
  329 +}
  330 +.visible-tablet {
  331 + display:none !important;
  332 +}
  333 +.hidden-desktop {
  334 + display:none !important;
  335 +}
  336 +.visible-desktop {
  337 + display:inherit !important;
  338 +}
  339 +/*****fim footer Colab*****/
... ...
header.css 0 → 100644
... ... @@ -0,0 +1,581 @@
  1 +#theme-header {
  2 + height: auto;
  3 +}
  4 +
  5 +#header {
  6 + padding: 15px 0 0 0; /*13px 0 0 0;*/
  7 + color: #000;
  8 + background-color:#f0f2f1; /*rgb(236,237,241);*/
  9 + background-color:#ecedf1;
  10 + background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%)
  11 +}
  12 +
  13 +#header>div {
  14 + max-width: 960px;
  15 + min-width: 960px;
  16 + margin: 0 auto;
  17 +}
  18 +
  19 +.header-content * {
  20 + margin: 0;
  21 + padding: 0;
  22 + list-style: none;
  23 + vertical-align: baseline;
  24 +}
  25 +.header-content li { display: inline; }
  26 +
  27 +#brasilgov {
  28 + background: #00510f;
  29 + border-bottom: 1px solid #ffcc00;
  30 + padding: 5px 10px;
  31 + color: #03316f;
  32 +}
  33 +
  34 +#accessibility {
  35 + display: block !important;
  36 + float: left;
  37 + font-family: arial;
  38 + font-size: 10px;
  39 + width: 50%;
  40 +}
  41 +
  42 +#accessibility a {
  43 + /*color:# ;rgb(96,96,96);*//*#FFF; */
  44 + margin-right: 8px;
  45 +}
  46 +#accessibility a:hover {
  47 + /*color:/*#969696;*/ /*#d0d9ff;*/
  48 +}
  49 +
  50 +#accessibility span {
  51 + background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/
  52 + color: #FFFFFF;
  53 + padding: 0 3px;
  54 +}
  55 +
  56 +/*.contraste header #logo{
  57 +background-image: url(images/logotipo_contraste.png);
  58 +background-repeat: no-repeat;
  59 +}*/
  60 +
  61 +/* Barra do Brasil */
  62 +
  63 +/*#barra-brasil, #wrapper-barra-brasil, #wrap-1 {
  64 + min-width: 960px;
  65 +}*/
  66 +
  67 +/* logo */
  68 +#logo {
  69 + padding: 0;
  70 + float: left;
  71 + width: 50%; /*70%;*/
  72 +}
  73 +
  74 +#logo span {
  75 + display: block;
  76 +}
  77 +
  78 +#logo a {
  79 + display: block;
  80 + width: 100%;
  81 + color: #03316f !important;
  82 + margin: 1em 0px;
  83 +}
  84 +
  85 +#logo a, #logo #portal-title {
  86 + color: #03316f;
  87 +}
  88 +
  89 +#logo #portal-title {
  90 + background-image: url("images/logotipo_spb_beta.svg");
  91 + backgroud-repeat: no-repeat;
  92 + background-size: 370px; /*374px 56px;*/
  93 + height: 78px;
  94 + width: 374px;
  95 + margin: 10px 0px 10px 0px; /*20px 0px 10px 0px; config logo anterior*/
  96 + /*margin: 30px 0px 20px 0px;*/
  97 + /* color: #fff;
  98 + font-size: 40px;
  99 + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
  100 + font-weight: normal;
  101 + line-height: 1em;
  102 + letter-spacing: -0.05em;*/
  103 +}
  104 +
  105 +#logo .luongo {
  106 + font-size: 3em !important;
  107 + line-height: 1.1em;
  108 + margin-bottom: 0.2em;
  109 +}
  110 +
  111 +#logo #portal-description {
  112 + font-size: 1.2em;
  113 + text-transform: uppercase;
  114 +}
  115 +
  116 +/* Site Actions */
  117 +#portal-siteactions {
  118 + display: block;
  119 + float: right;
  120 + clear: left;
  121 + padding-bottom: 2px;
  122 + margin-top: -15px;
  123 + font-size: 10px;
  124 + text-align: center;
  125 +}
  126 +
  127 +#portal-siteactions a {
  128 + color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/
  129 + text-decoration: none;
  130 + padding: 4px 0 4px 10px;
  131 + text-transform: uppercase;
  132 + font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  133 +}
  134 +
  135 +#portal-siteactions a:hover {
  136 + color: #03316f;
  137 +}
  138 +
  139 +#portal-siteactions li {
  140 + display: inline;
  141 + margin: 0 5px 0 0;
  142 + border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/
  143 +}
  144 +/*
  145 +#portal-siteactions li a:hover {
  146 + color: #969696; /*#d0d9ff;
  147 +}*/
  148 +#portal-siteactions li a {
  149 + padding: 4px 0px;
  150 +}
  151 +
  152 +#social-icons {
  153 + float: right;
  154 + clear: right;
  155 + margin: 0px 0px 17px;
  156 +}
  157 +
  158 +#social-icons ul {
  159 + display: table-row;
  160 +}
  161 +
  162 +#social-icons li {
  163 + display: table-cell;
  164 +}
  165 +
  166 +#social-icons li a {
  167 + border: none;
  168 + padding: 0 5px;
  169 +}
  170 +
  171 +#siteaction-accessibility,
  172 +#siteaction-contraste,
  173 +li#siteaction-mapadosite {
  174 + margin: 0px 48px 0px 0px; /*era 15*/
  175 +}
  176 +
  177 +/* */
  178 +
  179 +/* Top links */
  180 +#theme-header .header-content #link-faq a {
  181 + border-right: 1px solid #2c66ce;
  182 + padding: 0 10px;
  183 +
  184 +}
  185 +#theme-header .header-content #link-contact a {
  186 + padding-left: 10px;
  187 +}
  188 +
  189 +#theme-header #sobre {
  190 + line-height: 30px;
  191 + font-size: 12px;
  192 + height: 30px;
  193 +}
  194 +
  195 +
  196 +/* */
  197 +
  198 +/* Sobre o brasil */
  199 +#sobre, #navbar {
  200 + clear: both;
  201 + max-width: 100% !important;
  202 + margin: 0;
  203 + background-color:#CFD0D2; /*#999999;*/
  204 + /*background: #0d4094;/*azul-mais-escuro*/
  205 + padding: 5px 0;
  206 +}
  207 +
  208 +#sobre,#navbar ul {
  209 + max-width: 960px;
  210 + margin: 0px auto;
  211 + text-align: right;
  212 + padding:10px;
  213 +}
  214 +
  215 +#sobre a {
  216 + color: #2c66ce; /*rgb(96,96,96);*/
  217 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  218 +}
  219 +#navbar a{
  220 + color: rgb(96,96,96);
  221 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  222 +}
  223 +
  224 +#sobre, #navbar .portalservicos-item a {
  225 + padding: 0 10px;
  226 + border-right: 1px solid #03316f;
  227 +}
  228 +
  229 +#sobre, #navbar .last-item a {
  230 + padding: 0 0 0 10px;
  231 + border-right: none;
  232 +}
  233 +
  234 +#navbar:houver{
  235 + color:#000000;
  236 +
  237 +}
  238 +
  239 +#links-rapidos{
  240 + width: 960px;
  241 + margin: 0 auto;
  242 + font-color:#fff;
  243 +
  244 +}
  245 +
  246 +
  247 +/* Searchbox */
  248 +.LSBox {
  249 + margin: 0;
  250 + padding: 0;
  251 + border: none;
  252 +}
  253 +
  254 +input.searchField {
  255 + -moz-appearance: none;
  256 +}
  257 +
  258 +#portal-searchbox {
  259 + clear: right;
  260 + float: right;
  261 + font-size: 80%;
  262 + margin: 30px 0 15px; /*30px 0 14px*/
  263 + /*margin: 3.12em 0px 3px 0px;*/
  264 + text-align: right;
  265 + border-radius: 5px;
  266 + -moz-border-radius: 5px;
  267 + -webkit-border-radius: 5px;
  268 + border: 1px solid #CCCCCC;
  269 + background: #fff;
  270 + padding: 2px;
  271 +}
  272 +
  273 +#portal-searchbox .searchField {
  274 + padding: 0.45em;
  275 + border-right: none;
  276 + border: none;
  277 + width: 171px; /*210px;170px;*/
  278 +}
  279 +
  280 +#portal-searchbox form {
  281 +white-space: nowrap;
  282 +}
  283 +
  284 +#portal-searchbox label {
  285 +font-weight: normal;
  286 +}
  287 +
  288 +#searchGadget {
  289 +width: 13em;
  290 +}
  291 +
  292 +#header input.searchButton {
  293 + padding: 0.3em;
  294 + background: transparent;
  295 + text-indent: -2000px;
  296 + padding: 4px 15px;
  297 + border: none;
  298 +}
  299 +
  300 +#content input.searchField {
  301 + margin-bottom: 1em;
  302 +}
  303 +
  304 +/* Removendo css de campo de busca especifico do firefox
  305 +input.searchField {
  306 + -moz-appearance: searchfield;
  307 +}*/
  308 +
  309 +#header input.searchButton {
  310 + background-image: url("images/search-button.png");
  311 + background-position: 8px 2px;
  312 + background-repeat: no-repeat;
  313 + background-color: #ffffff;
  314 +}
  315 +
  316 +#LSResult {
  317 + z-index: 1;
  318 + margin-top: 0.5%;
  319 +}
  320 +
  321 +
  322 +/* Search Button */
  323 +#search-button a {
  324 + display: inline-block;
  325 + width: 29px;
  326 + height: 25px;
  327 + margin-right: 3px;
  328 + margin-top: 10px;
  329 +}
  330 +
  331 +#search-button a:hover {
  332 + opacity: 0.6;
  333 +}
  334 +
  335 +#search-button #sb_search {
  336 +background-image: url(images/search.png);
  337 +background-size: 100% 100%;
  338 +}
  339 +
  340 +#search-button span { display: none; }
  341 +
  342 +
  343 +/* */
  344 +
  345 +/* Social Buttons */
  346 +
  347 +
  348 +#social-buttons a {
  349 + width: 18px;
  350 + height: 20px;
  351 + margin-right: 3px;
  352 + margin-top: 10px;
  353 +}
  354 +
  355 +#social-icons li a {
  356 + width: 20px;
  357 + height: 20px;
  358 + padding: 0px;
  359 + display: inline-block;
  360 + opacity: .85;
  361 + background-repeat: no-repeat;
  362 +}
  363 +
  364 +#social-icons li {
  365 + float: right;
  366 + width: 20px;
  367 + margin-left: 4px;
  368 +}
  369 +
  370 +#sb_face,
  371 +#sb_tweet,
  372 +#sb_youtb,
  373 +#sb_flickr {
  374 + background: url(images/icones_home_branco.jpg) 0px;
  375 +
  376 +}
  377 +
  378 +#social-icons span { display: none; }
  379 +
  380 +#sb_flickr {
  381 +background-position: -100px;
  382 +}
  383 +
  384 +#sb_face {
  385 +background-position: -12px;
  386 +}
  387 +#sb_tweet {
  388 +background-position: -42px;
  389 +}
  390 +#sb_youtb {
  391 + background-position: -71px;
  392 +}
  393 +
  394 +#social-icons a:focus,
  395 +#social-icons a:hover {
  396 +opacity: 1;
  397 +filter: alpha(opacity=100);
  398 +}
  399 +
  400 +
  401 +
  402 +/* */
  403 +
  404 +/* Social Box */
  405 +
  406 +#social-box {
  407 + border-top: 4px solid #2c66ce; /*#172938;*/
  408 +}
  409 +
  410 +
  411 +#social-buttons a {
  412 + width: 18px;
  413 + height: 20px;
  414 + margin-right: 3px;
  415 + margin-top: 10px;
  416 +}
  417 +
  418 +#social-box li a {
  419 + width: 20px;
  420 + height: 20px;
  421 + padding: 0px;
  422 + display: inline-block;
  423 + opacity: .85;
  424 + background-repeat: no-repeat;
  425 + margin-right: 8px;
  426 +}
  427 +
  428 +#social-box li {
  429 + float: left;
  430 + margin: 15px;
  431 + /*padding-top: 10px;*/
  432 + vertical-align: middle;
  433 + display: flex;
  434 + line-height: 20px;
  435 +
  436 +}
  437 +
  438 +#sb_face,
  439 +#sb_tweet,
  440 +#sb_youtb,
  441 +#sb_flickr {
  442 + background: url(images/icones_home_branco.jpg) 0px;
  443 +
  444 +}
  445 +
  446 +#social-box span { display: none; }
  447 +
  448 +#sb_flickr {
  449 +background-position: -100px;
  450 +}
  451 +
  452 +#sb_face {
  453 +background-position: -12px;
  454 +}
  455 +#sb_tweet {
  456 +background-position: -42px;
  457 +}
  458 +#sb_youtb {
  459 + background-position: -71px;
  460 +}
  461 +
  462 +#social-box a:focus,
  463 +#social-box a:hover {
  464 +opacity: 1;
  465 +filter: alpha(opacity=100);
  466 +}
  467 +
  468 +/*
  469 +
  470 +#social-icons #sb_face {
  471 +background: url(images/icone-branco-facebook.png) 0 20px;
  472 +}
  473 +#social-icons #sb_face:hover {
  474 +background: url(images/icone-branco-facebook.png);
  475 +}
  476 +
  477 +#social-icons #sb_tweet {
  478 +background: url(images/icone-branco-twitter.png) 0 20px;
  479 +}
  480 +#social-icons #sb_tweet:hover {
  481 +background: url(images/icone-branco-twitter.png);
  482 +}
  483 +
  484 +#social-icons #sb_youtb {
  485 +background: url(images/icone-branco-youtube.png) 0 20px;
  486 +}
  487 +#social-icons #sb_youtb:hover {
  488 +background: url(images/icone-branco-youtube.png);
  489 +}
  490 +
  491 +#social-icons #sb_flickr {
  492 +background: url(images/icone-branco-flickr.png) 0 20px;
  493 +}
  494 +#social-icons #sb_flickr:hover {
  495 +background: url(images/icone-branco-flickr.png);
  496 +}
  497 +
  498 +#social-icons span { display: none; }
  499 +
  500 +/* FIM social Buttons */
  501 +
  502 +/*menu principal SPB*/
  503 +
  504 +portalservicos-item{
  505 +color:#000000;
  506 +}
  507 +#navbar{
  508 + margin:3px;
  509 + color:#000000;
  510 +
  511 +}
  512 +
  513 +#user #homepage-link {
  514 + top: -11px;
  515 +}
  516 +
  517 +
  518 +#user{
  519 + top: -60px; /*-53px;*/
  520 + font-size: 12px;
  521 + /*right: 10px;*/
  522 +}
  523 +
  524 +.logged-in #user{
  525 + top: -40px;
  526 +}
  527 +
  528 +#user form {
  529 + display:none;
  530 +}
  531 +
  532 +#user .logged-in {
  533 + visibility: hidden;
  534 + display: block;
  535 + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
  536 + display: block;
  537 + padding-top:1em;
  538 + text-align: left;
  539 + width: 130px;
  540 + border-radius: 10px
  541 +
  542 +}
  543 +
  544 +#user .logged-in:hover {
  545 + visibility: visible;
  546 +}
  547 +#user .logged-in a#homepage-link {
  548 + display: block;
  549 + visibility: visible;
  550 +}
  551 +
  552 +#user .logged-in span {display: none;}
  553 +
  554 +#user .logged-in a {
  555 + display: block;
  556 + margin-bottom: 10px;
  557 +}
  558 +
  559 +#user .logged-in #pending-tasks-count {
  560 + display: inline-block;
  561 + left: 0;
  562 + position: absolute;
  563 + top: 10px;
  564 + visibility: visible;
  565 +}
  566 +/**** html desabilitado****/
  567 +#barra-psocial {
  568 + position: relative;
  569 + height: 40px;
  570 + margin: -3px 0px 0px 0px; /*margin: auto;*/
  571 + border: none;
  572 + background-color:rgb(236,237,241);
  573 + /*background: url(images/barra-psocial-bg.png) repeat-x; */
  574 +}
  575 +
  576 +#barra-psocial li {
  577 + float: left;
  578 +}
  579 +/**********fim css para html desabilitado*************/
  580 +
  581 +/*Fim menu principal SPB*/
0 582 \ No newline at end of file
... ...
style.css
... ... @@ -6,7 +6,7 @@
6 6  
7 7 @import url(../../icons/tango/style.css);
8 8 @import url(font-awesome.min.css);
9   -@import url(http://fonts.googleapis.com/css?family=Open+Sans);
  9 +/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
10 10 /*@import url(cadastro.css);*/
11 11  
12 12  
... ...