diff --git a/content.css b/content.css new file mode 100644 index 0000000..ae0747d --- /dev/null +++ b/content.css @@ -0,0 +1,351 @@ +/******************removidos do style.css***************************/ +/*****************Organizacao geral dos blocos**********************/ +.box-1 { + /* display: inline-block;*/ + /*width: 490px;*/ +} + +.box-2 { + display: inline-block; + vertical-align: top; +} +.box-3{ + width: 190px; /*230px;*/ +} + + +.box-2 .block .block-inner-2, +.box-3 .block .block-inner-2 { +/* padding: 0 0 1em;*/ +} + +/*organizacao dos blocos especifico para a pagina inicial*/ +/* Tamanho das colunas customizados na pagina inicial */ +.action-home-index .box-3{ + width: 230px; +} + +.action-home-index .box-1 { + /* display: inline-block;*/ + width: 490px; + margin: 0 0 0 210px; +} + +/**********************fim pagina inicial************************/ + +/*label dos radio buttons da busca*/ +#content .search-field label { + display: inline-block; + font-size: 12px; + vertical-align: middle; + margin-left: 5px; +} + +#public-profile-search .formfield, #public-profile-search .submit { + margin-bottom: 5px; +} + +#content .profile ul{ + margin-left: 1em; +} +/****************************************************************/ + +/*paginação*/ + +.pagination { + border-top: 0 none; +} + +.pagination { + font-size: 120%; + margin-bottom: 30px; +} + +.pagination .previous_page { + margin-right: 0.5em; font-weight: bold; +} +.pagination .next_page { + margin-left: 0.5em; font-weight: bold; +} + +#content .pagination a { + padding: 7px 11px 7px 11px; + border-radius: 4px; + margin-right: 4px; + letter-spacing: 0.6px; + color: #172738; + border: 1px solid #D3D6DE; +} + +.pagination .current { + background-color: #ECEDF1; + padding: 8px 11px 8px 11px; + border-radius: 4px; + margin-right: 4px; + font-family: Arial; + font-weight: 700; + font-size: 16px; + border: 1px solid #D3D6DE; +} + +#content .pagination a.previous_page, +#content .pagination a.next_page{ + background-image: none; + color: #888888; + font-size: 14px; + width: auto; +} + + +#content #article .pagination .next_page, +#content #article .pagination .previous_page{ + background-image: none; + color: #ccc; + width: auto; + font-size: 16px; +} + +/*fim paginação*/ + + +/*botão ver todos*/ +.more_button, +.read_more { + margin-bottom: 15px; + margin-top: -5px; + color: #000000; + font-size: 11px; + text-align: left; +} + +#content .more_button .view_all a, +#content .read_more a{ + background: url("images/button-read-more-vazio.png") no-repeat scroll left 50% transparent; + color: #333; + display: inline-block; + font-weight: bold; + padding: 10px 20px 10px 50px; + text-align: left; + font-family: Arial, sans-serif; +} + +.community-track-plugin_track-card-list-block .more_button{ + text-align: right; +} + +.community-track-plugin_track-card-list-block .more_button .view_all a{ + margin-right: 12px; +} + +/*área do rodapé do bloco onde fica o botão ver todos*/ +.block-footer-content { + text-align: right; + margin-top: 0.5em; +} +.box-2 .block-footer-content, +.box-3 .block-footer-content { + margin-right: 8px; +} + +/*#content .tags-block .block-footer-content a, */ + +#content .tags-block .block-footer-content a, +#content .people-block .block-footer-content a, +#content .profile-list-block .block-footer-content a, +#content .enterprises-block .block-footer-content a, +#content .members-block .block-footer-content a, +#content .communities-block .block-footer-content a, +#content .softwares-block .block-footer-content a, +#content .institutions-block .block-footer-content a, +#content .friends-block .block-footer-content a { + background: url("images/bg-btn-ver-mais-1px.png") repeat-x scroll 0 0 #EEEEEE; + border: 1px solid #CCCCCC; + border-radius: 5px 5px 5px 5px; + display: inline; + margin: 14px 0 14px 14px; + padding: 5px 15px; + position: relative; + top: 5px; +} + +/*fim botoes ver todos*/ + + +/*************fim - removidos do style.css*******************/ + + +/*******removidos do cabecalho-cinza-theme.css****************/ +/***************** padrao dos titulos para os boxes *************/ +#content .box .block-title { + font-size: 12px; + text-align: left; + border-bottom: none; + padding: 5px 8px 18px 7px; + text-transform: uppercase; + font-family: "open_sansbold", Arial, Helvetica, sans-serif; + font-variant: normal; + margin: 0px 0px 2px 0px; + border-top: 4px solid #3E67B1; + background: #eee; + color: #3E67B1; +} + +/*****************fim padrao dos titulos dos blocos********************/ + +/*****************Registro de usuário*************************/ +.action-account-signup .no-boxes form { + margin: 0px; +} + +.action-account-signup .singup_text { + display: inline-block; + float: left; + margin-right: 5%; + margin-top: 70px; + width: 30%; +} + +.action-account-signup #signup-form-header, +.action-account-signup #signup-form-profile { + float: center; + margin: 1px auto 5px; + width: 60%; +} + +.action-account-signup form>p { + clear: both; +} + +/**************Fim Registro de usuário*********************/ + +/********************* PopUp Login*************************/ + +#TB_window { + left: -350px; + margin-left: 50% !important; + width: 700px !important; +} + +#TB_ajaxContent.TB_modal { + padding: 15px; + position: relative; + width: auto !important; + height: auto !important; +} + +#TB_window .login-box{ + width: 100%; + background: url("images/img_login_popUp.png") no-repeat scroll 90% 30% #FFFFFF; +} + +#TB_window .login-box h2{ + background: url("images/bg-titulo-login.png") no-repeat scroll 70px 7px #FFFFFF; + color: #757575; + font-size: 20px; + font-style: italic; + font-weight: normal; + width: 45%; +} + +#TB_window .login-box form { + margin: 0; + width: 45%; + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/ +} +/* +#TB_window .login-box .formfieldline input { + width: 95%; +} + +#TB_window .login-box .button-bar input.icon-login { + background: url("images/btn_entrar_login.png") no-repeat scroll 0 0 #FFFFFF; + border: 0px none; + font-family: arial,sans-serif; + font-size: 16px; + font-weight: bold; + height: 50px !important; + max-height: 50px !important; + padding: 0; + text-transform: uppercase; + width: 145px; + cursor: pointer; +} + +#TB_window .login-box .button-bar input.icon-login:hover { + background-image: url("images/btn_entrar_login_hover.png"); +} + +#TB_window .login-box .button-bar a.icon-close { + /*background: url("images/btn_cancelar_login.png") repeat-x scroll 0 0 #FFFFFF;*/ + /* background-color: #FCE9E8; + background-image: none; + border: 0 none; + border-radius: 5px 5px 5px 5px; + color: #CE5E5E; + font-size: 16px; + font-weight: bold; + height: 35px; + padding: 14px 13px 0; + text-align: center; + text-transform: uppercase; + width: 115px; +} +#TB_window .login-box .button-bar a.icon-close:hover { + background-color: #FFD1CF; +} + +#TB_window .login-box .button-bar input.submit, +#TB_window .login-box .button-bar a.icon-close { + border: 0px none; +} + +#TB_window .login-box .button-bar { + float: none; + margin-bottom: 1em; + margin-top: 1em; + width: 100%; +} + +#TB_window .login-box .button-bar .icon-add{ + background-color: #F7E074; + background-image: none; + color: #004B82; + float: right; + font-size: 16px; + font-weight: bold; + margin-right: 75px; + padding: 10px; + position: relative; + text-align: center; + top: -3em; + width: 30%; +} + +#TB_window .login-box .button-bar .icon-add span{ + border-bottom: 1px solid #F7E074; +} + +#TB_window .login-box .button-bar .icon-help{ + +} + +#TB_window .login-box form .button-bar { + float: none; + width: 100% +} + +#email-check, #fake-check, #password-rate, #password-check { + width: 375px; +} + +#signup-form small#signup-balloon, +#signup-form small#password-balloon, +#signup-form small#password-confirmation-balloon, +#signup-form small#email-balloon, +#signup-form small#name-balloon { + right: 0; +} + +/***********************Fim PopUp Login**************************/ + +/*******fim - removidos do cabecalho-cinza-theme.css****************/ diff --git a/contraste.css b/contraste.css new file mode 100644 index 0000000..a7f49ee --- /dev/null +++ b/contraste.css @@ -0,0 +1,442 @@ +/*:::::::::::Acessibilidade:::::::::::*/ +/************* Contraste *************/ + + +body.contraste, +body.contraste #wrap-2, +body.contraste #header, +body.contraste #sobre, +body.contraste #footer, +body.contraste #main, +body.contraste #doormat-container, +body.contraste #em-destaque ul, +body.contraste #em-destaque li#em-destaque-titulo, +body.contraste .outstanding-header .outstanding-title, +body.contraste .audiogallery-tile, +body.contraste .videogallery-tile, +body.contraste ul.css-tabs a, +body.contraste .timeline, +body.contraste .timeline a { + background: #000; + color: #fff; +} + +/***********Imagem de Fundo - somente na página inicial*********/ + + +body.contraste #barra-psocial{ + background: url("images/barra-psocial-bg-contarste.png") repeat-x scroll left 50% #fff; +} + +body.contraste #barra-psocial #cat_menu { + background-image: url("images/logo-PS-barra-pb.png"); +} + +#cat_menu { + display: none; +} + +body.contraste #user a, +body.contraste #user a strong{ + color: #ffff00; +} + +body.contraste #content .box-2 .tags-block .block-footer-content a, +body.contraste #content .box-2 .people-block .block-footer-content a, +body.contraste #content .box-2 .profile-list-block .block-footer-content a, +body.contraste #content .box-2 .enterprises-block .block-footer-content a, +body.contraste #content .box-2 .members-block .block-footer-content a, +body.contraste #content .box-2 .communities-block .block-footer-content a, +body.contraste #content .box-2 .friends-block .block-footer-content a, +body.contraste #content .more_button .view_all a, +body.contraste #content .read_more a, +body.contraste .more_button .view_all a, +body.contraste .read_more a +{ + background-image: none; + background-color: #333; + color: #ffff00; +} + +body.contraste.action-home-index #content .article-block .short-post .read-more a, +body.contraste #content .box-1 .tags-block .block-footer-content a, +body.contraste #content .box-1 .people-block .block-footer-content a, +body.contraste #content .box-1 .profile-list-block .block-footer-content a, +body.contraste #content .box-1 .enterprises-block .block-footer-content a, +body.contraste #content .box-1 .members-block .block-footer-content a, +body.contraste #content .box-1 .communities-block .block-footer-content a, +body.contraste #content .box-1 .friends-block .block-footer-content a, +body.contraste #content .more_button .view_all a, +body.contraste #content .read_more a, +body.contraste .more_button .view_all a, +body.contraste .read_more a +{ + /*background: url("images/button-read-more-vazio-contraste.png") no-repeat scroll left 50% #333;*/ + background: none #333; + color: #ffff00; + border: 0px; + border-radius: 0px; +} + +body.contraste a, +body.contraste #accessibility a, +body.contraste #portal-siteactions a, +body.contraste #logo a, +body.contraste #logo #portal-title, +body.contraste #sobre a, +body.contraste #theme-footer a, +body.contraste h1, +body.contraste h2, +body.contraste h3, +body.contraste h4, +body.contraste h5, +body.contraste h6, +body.contraste #plone-document-byline, +body.contraste #doormat-container dt, +body.contraste #content .documentDescription, +body.contraste #content #description, +body.contraste .nitfByline, +body.contraste p.section, +body.contraste .track_list .item_card .track_stats .hits .label, +body.contraste .track_list .item_card .track_stats .comments .label, +body.contraste.action-home-index #content .display-content-block .lead p, +body.contraste.action-environment_design-index #content .display-content-block .lead p, +body.contraste.action-home-index #content .display-content-block .published-at, +body.contraste.action-environment_design-index #content .display-content-block .published-at { + color: #fff; +} + +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a, +body.contraste #content .breadcrumbs-plugin_content-breadcrumbs-block a:visited, +body.contraste #content a:link, +body.contraste #content a:link, +body.contraste #content a:visited, +body.contraste #content a { + color: #fff; +} + + +body.contraste.action-home-index #content .container-block-plugin_container-block .display-content-block .title a, +body.contraste.action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a, + +body.contraste #content .display-content-block .title a, +body.contraste #content .track_list .item_card .track_content .name, +body.contraste .action-home-index #content .container-block-plugin_container-block .display-content-block .title a, +body.contraste .action-environment_design-index #content .container-block-plugin_container-block .display-content-block .title a, +body.contraste #content .track_list .item .track_content .lead a { + color: #ffff00; +} + + +body.contraste.action-home-index #wrap-2, +body.contraste.action-environment_design-index #wrap-2 { + background-image: none; +} + +body.contraste.action-home-index .block .block-inner-2, +body.contraste.action-environment_design-index .block .block-inner-2, +body.contraste.action-home-index #content .tags-block .block-inner-2, +body.contraste.action-environment_design-index #content .tags-block .block-inner-2 { + background-color: #000; +} + +body.contraste.action-home-index .community-track-plugin_track-card-list-block .block-inner-2 { + background-image: none; + background-color: #fff; +} + + +body.contraste.action-home-index #content .tags-block .block-inner-2, body.contraste.action-environment_design-index #content .tags-block .block-inner-2 { + border-top: 1px solid #fff; +} + +body.contraste.action-home-index #content .box-1 .block-title span, body.contraste.action-environment_design-index #content .box-1 .block-title span { + background-color: #000; + color: #FFF !important; +} + +body.contraste #logo #portal-title { + background-image: url("images/logotipo_spb_beta_ac.svg"); + background-repeat: no-repeat; + background-size: 374px 78px; +} + +body.contraste #accessibility span { + background: #fff !important; + color: #000 !important; +} + +body.contraste #content .box .block-title { + background-color: #333; +} + +body.contraste.action-home-index .container-block-plugin_container-block .container-block-plugin_container-block, +body.contraste.action-environment_design-index .container-block-plugin_container-block .container-block-plugin_container-block, +body.contraste.action-home-index #content .box .block-title, +body.contraste.action-environment_design-index #content .box .block-title, +body.contraste .container-block-plugin_container-block .block .block-inner-2, +body.contraste #footer-content { + background-color: transparent; +} + +body.contraste #content .link-list-block li a { + background-color: #000; + color: white; +} + +body.contraste #content .link-list-block li a.link-this-page, +body.contraste #content .link-list-block li a:hover { + background-color: #333; + color: #ffff00; +} + +body.contraste #content .profile-info-options input.button.with-text, +body.contraste #content .profile-info-options a.button.with-text{ + background-color: #333; + color: #ffff00; +} + +body.contraste.action-content_viewer-view_page #content .box-1 .block-title span { + background-color: #000; + color: white; +} + +body.contraste #content .article-comment { + background: none repeat scroll 0 0 #000; +} + +body.contraste #content .recent-documents-block .block-inner-2, +body.contraste #content .box .block-title { + background-color: #000; + color: white; +} + +body.contraste #comments_list .comment-info, +body.contraste #comments_list .comment-created-at, +body.contraste #footer-license a, +body.contraste #footer-license p{ + color: #ffff00; +} + +body.contraste #comments_list .comment-wrapper-8 { + background-color: #000000; + background-image: none; + border: 1px solid #DDDDDD; +} + +body.contraste #comments_list a.display-comment-form, +body.contraste #content input.button, body.contraste #content a.button { + background-color:#333; +} + +body.contraste #content .recent-documents-block li{ + background-color:#000; +} + +body.contraste #content .track_list .item_card, +body.contraste #content .track_list .item_card .track_stats .comments .counter, +body.contraste #content .track_list .item_card .track_stats .hits .counter { + background-color: #333; + color: #fff; +} +body.contraste #content .track_list .item_card .track_content .lead { + color: #fff; +} + +body.contraste .ui-widget-content { + background-color: #000; + color: #fff; +} + +body.contraste .ui-state-active, +body.contraste .ui-widget-content .ui-state-active, +body.contraste .ui-widget-header .ui-state-active { + background-image: none; + background-color: #000; +} + +body.contraste #footer-logos { + background-color: #222; +} + +body.contraste #theme-header .header-content #link-faq a { + border-right: 1px solid #ffF; +} + +body.contraste #portal-siteactions { + /*border-bottom: 1px dotted #fff;*/ +} + +body.contraste #complete_registration { + background-color: transparent; +} + +body.contraste tr:hover td { + background-color: #333; +} + +body.contraste .action-friends-index .profile-list li:hover, +body.contraste .common-profile-list-block .vcard:hover { + border: 1px solid #CCC; + background: #333; + text-decoration: none; +} + +body.contraste .menu-submenu-content { + border: 1px solid #CCC; + background: none #333 ; + +} + +body.contraste #user .logged-in { + background: none #333 ; + /* background: url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; */ + color: #fff; +} + +body.contraste #social-icons #sb_face { + background-image: url("images/icone-branco-facebook.png"); +} +body.contraste #social-icons #sb_face:hover { + background: url("images/icone-branco-facebook.png") 0 20px; +} + +body.contraste #social-icons #sb_youtb { + background-image: url("images/icone-branco-youtube.png"); +} +body.contraste #social-icons #sb_youtb:hover { + background: url("images/icone-branco-youtube.png") 0 20px; +} + +body.contraste #social-icons #sb_tweet { + background-image: url("images/icone-branco-twitter.png"); +} +body.contraste #social-icons #sb_tweet:hover { + background: url("images/icone-branco-twitter.png") 0 20px; +} + +body.contraste #social-icons #sb_flickr { + background-image: url("images/icone-branco-flickr.png"); +} +body.contraste #social-icons #sb_flickr:hover { + background: url("images/icone-branco-flickr.png") 0 20px; +} + +body.contraste .no-boxes-inner-2 { + background-color: #000!important; + color: #fff; +} + +body.contraste #signup-form { + color: #fff; +} + +body.contraste #portal-searchbox { + border-color: #FFF; + background-color: #000; +} + +body.contraste #portal-searchbox .searchField { + background-color: #000; + color: #FFF !important; +} + +body.contraste #header input.searchButton { + background-color: #000; + background-position: 0px 2px; +} + +body.contraste #menucontainer { + background: #333; + color: #FFF !important; +} + +body.contraste #menucontainer ul li.parent_menu a { + color: #FFF !important; +} + +body.contraste #content .no-boxes h1 { + color: #FFF !important; +} + +body.contraste #signup-form .formfieldline, +body.contraste #signup-formfield-group, +body.contraste #signup-form .required-field label, +body.contraste #signup-form .formlabel { + background-color: #000; + color: #FFF !important; +} + +body.contraste .pseudoformlabel, +body.contraste .formlabel { + color: #FFF; +} + +body.contraste #signup-form { + border-color: #FFF; + background-color: #000; +} + +body.contraste #signup-form .formfield input, +body.contraste #signup-form .formfield textarea { + background-color: #000; + color: #FFF !important; +} + +body.contraste #signup-domain { + border-color: #FFF; + background-color: #000; + color: #FFF !important; +} + +body.contraste .ui-state-default, +body.contraste .ui-widget-content .ui-state-default, +body.contraste .ui-widget-header .ui-state-default { + border: 1px solid #FFF; + background-color: #000; + color: #FFF !important; +} + +body.contraste .agenda-tile .title { + border-bottom: 1px solid #FFF; + color: #FFF; +} + +body.contraste .agenda-tile .period { + color: #FFF; +} + +/*****************constraste footer*****************/ + + +.contraste { +background-color:#000!important; +color:#fff +} + + +.contraste header #portal-siteactions,.contraste header #language { +border-color:#666 +} + +.contraste footer { + background-image:none; + background-color:#000; +} +.contraste footer h2,.contraste footer h3,.contraste footer h4 { +color:#fff +} +.contraste footer .footer-atalhos,.contraste footer .footer-logos { +/*background:#1c1c1c;*/ +border-color:yellow +} +.contraste footer .footer-atalhos a,.contraste footer .footer-logos a { +color:#ff0 +} +.contraste footer .footer-ferramenta, +.contraste footer .footer-atalhos { + background-color:#000; + color:#fff; +} + +/******fim constraste footer*******/ \ No newline at end of file diff --git a/footer.css b/footer.css new file mode 100644 index 0000000..a18b074 --- /dev/null +++ b/footer.css @@ -0,0 +1,339 @@ +/******************Footer-Rodapé**********************************/ +#theme-footer { + width: 100%; + min-width: 960px; +} +#theme-footer a{ + color:#2c66ce; +} +#theme-footer a:hover{ + color:#2c66ce; +} + +#footer-content { + background: #fff; +} + +#footer-logos { + background: #0042b2; /*rgb(96,96,96);*/ + max-width: 100%; + padding: 2em 0; + height: 49px; +} + +#footer-logos div { + max-width: 960px; + margin: 0 auto; +} + +#footer-logos a { + display: block; + height: 49px; + float: left; +} + +#footer-logos span { + display: none; +} + +#footer-logos .logo-acesso { + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; + width: 107px; +} + +#footer-logos .logo-brasil { + background: transparent url(images/brasil.png) center center no-repeat; + width: 153px; +} + +#footer-logos .logo-sgpr { + background: transparent url(images/sgpr.png) center center no-repeat; + width: 187px; + margin-right: 30px; +} + +#footer-logos .institucionais { + float: right; +} + +#footer-license { + max-width: 960px; + margin: 0 auto; + text-align: left; + padding: 5px; +} + +#footer-license p { + color: #0d4094; + text-align: left; +} +/***********Rodape Colab *********************/ + +footer{ + display:block +} + +header .accessibility-language-actions-container { + height:25px; + overflow:hidden +} + +main div.row-flutuante { +margin-top:-28px +} +main .row-fluid { +margin-left:0!important +} + +footer { +background:#d5d5d5; +} +footer .footer-atalhos { +background:#fff; +border-bottom: 2px +} + +footer .footer-atalhos .container { +padding:10px 0 25px 0 +} +footer .footer-atalhos .voltar-ao-topo a { +color:#717782 +} +footer .footer-atalhos .voltar-ao-topo a:hover { +text-decoration:underline +} +footer .container-menus { +/*padding:46px 0 0 0*/ +} + +footer .row { + margin-bottom: 20px; +} + +footer nav { +border-left:1px dotted #2c66ce; /*#555;*/ /*#dbdbc8;*/ +padding:0 5px 0 10px +} +footer nav h2 { +font-size:18px; /*1.3em;*/ +font-weight:bold; +color: #2c66ce; /*#3b3f44;*/ +line-height:1.3em; +padding: 0px; /*30px 0 0px 0;*/ +margin: 0 0 8px 0; +} + +footer nav ul { + margin-left: 0px; +} + +footer nav li { +display:block; +padding-bottom:3px +} +footer nav a { +font-size: 13px; /*.9em;*/ +color:#838489; +line-height:1.7em; +font-family:"open_sansregular", Arial, Helvetica, sans-serif; +} +footer nav a:hover { +color:#838489; +text-decoration:underline +} +footer .footer-menus { +padding-bottom:10px +} +footer .footer-logos { +padding:25px 0; +} +footer .footer-ferramenta { +background:#fff; +padding:17px 0 11px 0 +} +footer .footer-ferramenta p { +font-size:.91em; +line-height:1em +} +@media(min-width:980px) { + +footer .container2{ + width: 100%; +} + +footer .footer-atalhos a { + margin-right:12px +} +footer .footer-logos { + padding-left:10px; + padding-right:10px +} +footer .footer-ferramenta { + text-align:center +} + +#content.internas div.pull-none { +width:100%; +margin:10px 0; +text-align:center +} + +.container2,.navbar-static-top .container2,.navbar-fixed-top .container2,.navbar-fixed-bottom .container2 { + width:724px; +} + + +.span2 { +width:104px; +} + +article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { + display:block; +} + +.row { + margin-left:auto !important; + *zoom:1; + margin-right:auto !important; +} + +.row:before,.row:after { + display:table; + content:""; + line-height:0; +} +.row:after { + clear:both; +} +[class*="span"] { + float:left; + min-height: 1px; + margin-left: 30px; + margin-top: 30px; +} +.container { + max-width: 100%; + padding-left: 0px; + padding-right: 0px; + width:100%; + +} + +.span12 { + width:930px; +} +.span11 { + width:850px; +} +.span10 { + width:770px; +} +.span9 { + width:690px; +} +.span8 { + width:510px; +} +.span7 { + width:530px; +} +.span6 { + width:450px; +} +.span5 { + width:370px; +} +.span4 { + width:290px; +} +.span3 { + width:210px; +} +.span2 { + width:130px; +} +.span1 { + width:50px; +} + +.container2 { + margin-right:auto; + margin-left:auto; + *zoom:1; + max-width: 960px; + /*max-width: 1040px; */ +} +.container2:before,.container2:after { + display:table; + content:""; + line-height:0; +} +.container2:after { + clear:both; +} + +/* + +.modal-footer { + padding:14px 15px 15px; + margin-bottom:0; + text-align:right; + background-color:#f5f5f5; + border-top:1px solid #ddd; + -webkit-border-radius:0 0 6px 6px; + -moz-border-radius:0 0 6px 6px; + border-radius:0 0 6px 6px; + -webkit-box-shadow:inset 0 1px 0 #ffffff; + -moz-box-shadow:inset 0 1px 0 #ffffff; + box-shadow:inset 0 1px 0 #ffffff; + *zoom:1; +} +.modal-footer:before,.modal-footer:after { + display:table; + content:""; + line-height:0; +} +.modal-footer:after { + clear:both; +} +.modal-footer .btn+.btn { + margin-left:5px; + margin-bottom:0; +} +.modal-footer .btn-group .btn+.btn { + margin-left:-1px; +} +.modal-footer .btn-block+.btn-block { + margin-left:0; +} * TESTE DO FOOTER*/ + + + +/*.dropdown-menu.pull-right { + right:0; + left:auto; +} +*/ + +.hide { + display:none; +} + +.hidden { + display:none; + visibility:hidden; +} + +.visible-phone { + display:none !important; +} +.visible-tablet { + display:none !important; +} +.hidden-desktop { + display:none !important; +} +.visible-desktop { + display:inherit !important; +} +/*****fim footer Colab*****/ diff --git a/header.css b/header.css new file mode 100644 index 0000000..383824a --- /dev/null +++ b/header.css @@ -0,0 +1,581 @@ +#theme-header { + height: auto; +} + +#header { + padding: 15px 0 0 0; /*13px 0 0 0;*/ + color: #000; + background-color:#f0f2f1; /*rgb(236,237,241);*/ + background-color:#ecedf1; + background-image: -webkit-radial-gradient(center, ellipse cover, #f0f2f1 1%, #ecedf1 100%) +} + +#header>div { + max-width: 960px; + min-width: 960px; + margin: 0 auto; +} + +.header-content * { + margin: 0; + padding: 0; + list-style: none; + vertical-align: baseline; +} +.header-content li { display: inline; } + +#brasilgov { + background: #00510f; + border-bottom: 1px solid #ffcc00; + padding: 5px 10px; + color: #03316f; +} + +#accessibility { + display: block !important; + float: left; + font-family: arial; + font-size: 10px; + width: 50%; +} + +#accessibility a { + /*color:# ;rgb(96,96,96);*//*#FFF; */ + margin-right: 8px; +} +#accessibility a:hover { + /*color:/*#969696;*/ /*#d0d9ff;*/ +} + +#accessibility span { + background: none repeat scroll 0 0 #2c66ce; /*rgb(96,96,96);*/ + color: #FFFFFF; + padding: 0 3px; +} + +/*.contraste header #logo{ +background-image: url(images/logotipo_contraste.png); +background-repeat: no-repeat; +}*/ + +/* Barra do Brasil */ + +/*#barra-brasil, #wrapper-barra-brasil, #wrap-1 { + min-width: 960px; +}*/ + +/* logo */ +#logo { + padding: 0; + float: left; + width: 50%; /*70%;*/ +} + +#logo span { + display: block; +} + +#logo a { + display: block; + width: 100%; + color: #03316f !important; + margin: 1em 0px; +} + +#logo a, #logo #portal-title { + color: #03316f; +} + +#logo #portal-title { + background-image: url("images/logotipo_spb_beta.svg"); + backgroud-repeat: no-repeat; + background-size: 370px; /*374px 56px;*/ + height: 78px; + width: 374px; + margin: 10px 0px 10px 0px; /*20px 0px 10px 0px; config logo anterior*/ + /*margin: 30px 0px 20px 0px;*/ + /* color: #fff; + font-size: 40px; + font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; + font-weight: normal; + line-height: 1em; + letter-spacing: -0.05em;*/ +} + +#logo .luongo { + font-size: 3em !important; + line-height: 1.1em; + margin-bottom: 0.2em; +} + +#logo #portal-description { + font-size: 1.2em; + text-transform: uppercase; +} + +/* Site Actions */ +#portal-siteactions { + display: block; + float: right; + clear: left; + padding-bottom: 2px; + margin-top: -15px; + font-size: 10px; + text-align: center; +} + +#portal-siteactions a { + color:#2c66ce; /*rgb(96,96,96);*/ /*#FFF;*/ + text-decoration: none; + padding: 4px 0 4px 10px; + text-transform: uppercase; + font-family: 'open_sansregular', Arial, Helvetica, sans-serif; +} + +#portal-siteactions a:hover { + color: #03316f; +} + +#portal-siteactions li { + display: inline; + margin: 0 5px 0 0; + border-bottom: 1px dotted #2c66ce;; /*#d0d9ff;*/ +} +/* +#portal-siteactions li a:hover { + color: #969696; /*#d0d9ff; +}*/ +#portal-siteactions li a { + padding: 4px 0px; +} + +#social-icons { + float: right; + clear: right; + margin: 0px 0px 17px; +} + +#social-icons ul { + display: table-row; +} + +#social-icons li { + display: table-cell; +} + +#social-icons li a { + border: none; + padding: 0 5px; +} + +#siteaction-accessibility, +#siteaction-contraste, +li#siteaction-mapadosite { + margin: 0px 48px 0px 0px; /*era 15*/ +} + +/* */ + +/* Top links */ +#theme-header .header-content #link-faq a { + border-right: 1px solid #2c66ce; + padding: 0 10px; + +} +#theme-header .header-content #link-contact a { + padding-left: 10px; +} + +#theme-header #sobre { + line-height: 30px; + font-size: 12px; + height: 30px; +} + + +/* */ + +/* Sobre o brasil */ +#sobre, #navbar { + clear: both; + max-width: 100% !important; + margin: 0; + background-color:#CFD0D2; /*#999999;*/ + /*background: #0d4094;/*azul-mais-escuro*/ + padding: 5px 0; +} + +#sobre,#navbar ul { + max-width: 960px; + margin: 0px auto; + text-align: right; + padding:10px; +} + +#sobre a { + color: #2c66ce; /*rgb(96,96,96);*/ + font-family: 'Open Sans', Arial, Helvetica, sans-serif; +} +#navbar a{ + color: rgb(96,96,96); + font-family: 'Open Sans', Arial, Helvetica, sans-serif; +} + +#sobre, #navbar .portalservicos-item a { + padding: 0 10px; + border-right: 1px solid #03316f; +} + +#sobre, #navbar .last-item a { + padding: 0 0 0 10px; + border-right: none; +} + +#navbar:houver{ + color:#000000; + +} + +#links-rapidos{ + width: 960px; + margin: 0 auto; + font-color:#fff; + +} + + +/* Searchbox */ +.LSBox { + margin: 0; + padding: 0; + border: none; +} + +input.searchField { + -moz-appearance: none; +} + +#portal-searchbox { + clear: right; + float: right; + font-size: 80%; + margin: 30px 0 15px; /*30px 0 14px*/ + /*margin: 3.12em 0px 3px 0px;*/ + text-align: right; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border: 1px solid #CCCCCC; + background: #fff; + padding: 2px; +} + +#portal-searchbox .searchField { + padding: 0.45em; + border-right: none; + border: none; + width: 171px; /*210px;170px;*/ +} + +#portal-searchbox form { +white-space: nowrap; +} + +#portal-searchbox label { +font-weight: normal; +} + +#searchGadget { +width: 13em; +} + +#header input.searchButton { + padding: 0.3em; + background: transparent; + text-indent: -2000px; + padding: 4px 15px; + border: none; +} + +#content input.searchField { + margin-bottom: 1em; +} + +/* Removendo css de campo de busca especifico do firefox +input.searchField { + -moz-appearance: searchfield; +}*/ + +#header input.searchButton { + background-image: url("images/search-button.png"); + background-position: 8px 2px; + background-repeat: no-repeat; + background-color: #ffffff; +} + +#LSResult { + z-index: 1; + margin-top: 0.5%; +} + + +/* Search Button */ +#search-button a { + display: inline-block; + width: 29px; + height: 25px; + margin-right: 3px; + margin-top: 10px; +} + +#search-button a:hover { + opacity: 0.6; +} + +#search-button #sb_search { +background-image: url(images/search.png); +background-size: 100% 100%; +} + +#search-button span { display: none; } + + +/* */ + +/* Social Buttons */ + + +#social-buttons a { + width: 18px; + height: 20px; + margin-right: 3px; + margin-top: 10px; +} + +#social-icons li a { + width: 20px; + height: 20px; + padding: 0px; + display: inline-block; + opacity: .85; + background-repeat: no-repeat; +} + +#social-icons li { + float: right; + width: 20px; + margin-left: 4px; +} + +#sb_face, +#sb_tweet, +#sb_youtb, +#sb_flickr { + background: url(images/icones_home_branco.jpg) 0px; + +} + +#social-icons span { display: none; } + +#sb_flickr { +background-position: -100px; +} + +#sb_face { +background-position: -12px; +} +#sb_tweet { +background-position: -42px; +} +#sb_youtb { + background-position: -71px; +} + +#social-icons a:focus, +#social-icons a:hover { +opacity: 1; +filter: alpha(opacity=100); +} + + + +/* */ + +/* Social Box */ + +#social-box { + border-top: 4px solid #2c66ce; /*#172938;*/ +} + + +#social-buttons a { + width: 18px; + height: 20px; + margin-right: 3px; + margin-top: 10px; +} + +#social-box li a { + width: 20px; + height: 20px; + padding: 0px; + display: inline-block; + opacity: .85; + background-repeat: no-repeat; + margin-right: 8px; +} + +#social-box li { + float: left; + margin: 15px; + /*padding-top: 10px;*/ + vertical-align: middle; + display: flex; + line-height: 20px; + +} + +#sb_face, +#sb_tweet, +#sb_youtb, +#sb_flickr { + background: url(images/icones_home_branco.jpg) 0px; + +} + +#social-box span { display: none; } + +#sb_flickr { +background-position: -100px; +} + +#sb_face { +background-position: -12px; +} +#sb_tweet { +background-position: -42px; +} +#sb_youtb { + background-position: -71px; +} + +#social-box a:focus, +#social-box a:hover { +opacity: 1; +filter: alpha(opacity=100); +} + +/* + +#social-icons #sb_face { +background: url(images/icone-branco-facebook.png) 0 20px; +} +#social-icons #sb_face:hover { +background: url(images/icone-branco-facebook.png); +} + +#social-icons #sb_tweet { +background: url(images/icone-branco-twitter.png) 0 20px; +} +#social-icons #sb_tweet:hover { +background: url(images/icone-branco-twitter.png); +} + +#social-icons #sb_youtb { +background: url(images/icone-branco-youtube.png) 0 20px; +} +#social-icons #sb_youtb:hover { +background: url(images/icone-branco-youtube.png); +} + +#social-icons #sb_flickr { +background: url(images/icone-branco-flickr.png) 0 20px; +} +#social-icons #sb_flickr:hover { +background: url(images/icone-branco-flickr.png); +} + +#social-icons span { display: none; } + +/* FIM social Buttons */ + +/*menu principal SPB*/ + +portalservicos-item{ +color:#000000; +} +#navbar{ + margin:3px; + color:#000000; + +} + +#user #homepage-link { + top: -11px; +} + + +#user{ + top: -60px; /*-53px;*/ + font-size: 12px; + /*right: 10px;*/ +} + +.logged-in #user{ + top: -40px; +} + +#user form { + display:none; +} + +#user .logged-in { + visibility: hidden; + display: block; + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; + display: block; + padding-top:1em; + text-align: left; + width: 130px; + border-radius: 10px + +} + +#user .logged-in:hover { + visibility: visible; +} +#user .logged-in a#homepage-link { + display: block; + visibility: visible; +} + +#user .logged-in span {display: none;} + +#user .logged-in a { + display: block; + margin-bottom: 10px; +} + +#user .logged-in #pending-tasks-count { + display: inline-block; + left: 0; + position: absolute; + top: 10px; + visibility: visible; +} +/**** html desabilitado****/ +#barra-psocial { + position: relative; + height: 40px; + margin: -3px 0px 0px 0px; /*margin: auto;*/ + border: none; + background-color:rgb(236,237,241); + /*background: url(images/barra-psocial-bg.png) repeat-x; */ +} + +#barra-psocial li { + float: left; +} +/**********fim css para html desabilitado*************/ + +/*Fim menu principal SPB*/ \ No newline at end of file diff --git a/style.css b/style.css index 7f3ec7e..22717af 100644 --- a/style.css +++ b/style.css @@ -6,7 +6,7 @@ @import url(../../icons/tango/style.css); @import url(font-awesome.min.css); -@import url(http://fonts.googleapis.com/css?family=Open+Sans); +/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/ /*@import url(cadastro.css);*/ -- libgit2 0.21.2