diff --git a/favicon.ico b/favicon.ico index ff2bde6..6b3c88b 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/footer.html.erb b/footer.html.erb deleted file mode 100644 index 4e1a0bc..0000000 --- a/footer.html.erb +++ /dev/null @@ -1,7 +0,0 @@ - - -<%= language_chooser(environment) %> diff --git a/footer.html.erb b/footer.html.erb new file mode 120000 index 0000000..97dded9 --- /dev/null +++ b/footer.html.erb @@ -0,0 +1 @@ +../base/footer.html.erb \ No newline at end of file diff --git a/header.rhtml b/header.rhtml new file mode 100644 index 0000000..c341a40 --- /dev/null +++ b/header.rhtml @@ -0,0 +1 @@ + diff --git a/images/adicionarcomentario.gif b/images/adicionarcomentario.gif new file mode 100644 index 0000000..fadb241 Binary files /dev/null and b/images/adicionarcomentario.gif differ diff --git a/images/aumentarfonte.gif b/images/aumentarfonte.gif new file mode 100644 index 0000000..a1adcd8 Binary files /dev/null and b/images/aumentarfonte.gif differ diff --git a/images/background.png b/images/background.png new file mode 100644 index 0000000..537fee5 Binary files /dev/null and b/images/background.png differ diff --git a/images/comentarios.gif b/images/comentarios.gif new file mode 100644 index 0000000..e3982a9 Binary files /dev/null and b/images/comentarios.gif differ diff --git a/images/diminuirfonte.gif b/images/diminuirfonte.gif new file mode 100644 index 0000000..ef62298 Binary files /dev/null and b/images/diminuirfonte.gif differ diff --git a/images/divisoria-coluna1.gif b/images/divisoria-coluna1.gif new file mode 100644 index 0000000..a489b85 Binary files /dev/null and b/images/divisoria-coluna1.gif differ diff --git a/images/divisoria-coluna2.gif b/images/divisoria-coluna2.gif new file mode 100644 index 0000000..ca05c82 Binary files /dev/null and b/images/divisoria-coluna2.gif differ diff --git a/images/down-arrow-light.png b/images/down-arrow-light.png new file mode 100644 index 0000000..e3f5c10 Binary files /dev/null and b/images/down-arrow-light.png differ diff --git a/images/faleconosco.gif b/images/faleconosco.gif new file mode 100644 index 0000000..30ed265 Binary files /dev/null and b/images/faleconosco.gif differ diff --git a/images/foto.gif b/images/foto.gif new file mode 100644 index 0000000..e2d42e3 Binary files /dev/null and b/images/foto.gif differ diff --git a/images/img_login_popUp.png b/images/img_login_popUp.png index ce82e38..c47fdc2 100644 Binary files a/images/img_login_popUp.png and b/images/img_login_popUp.png differ diff --git a/images/logo_p_e_2016.jpg b/images/logo_p_e_2016.jpg new file mode 100644 index 0000000..6c8e289 Binary files /dev/null and b/images/logo_p_e_2016.jpg differ diff --git a/images/marca-consultapublica.png b/images/marca-consultapublica.png new file mode 100644 index 0000000..1a183e5 Binary files /dev/null and b/images/marca-consultapublica.png differ diff --git a/images/menuconsulta-fim.png b/images/menuconsulta-fim.png new file mode 100644 index 0000000..141dd9e Binary files /dev/null and b/images/menuconsulta-fim.png differ diff --git a/images/menuconsulta.gif b/images/menuconsulta.gif new file mode 100644 index 0000000..e4eff30 Binary files /dev/null and b/images/menuconsulta.gif differ diff --git a/images/menuconsulta.png b/images/menuconsulta.png new file mode 100644 index 0000000..16c6101 Binary files /dev/null and b/images/menuconsulta.png differ diff --git a/images/noosfero/logo-noosfero-no-text.png b/images/noosfero/logo-noosfero-no-text.png new file mode 100644 index 0000000..9001ea7 Binary files /dev/null and b/images/noosfero/logo-noosfero-no-text.png differ diff --git a/images/noosfero/logo-noosfero.png b/images/noosfero/logo-noosfero.png new file mode 100644 index 0000000..6fbb2a8 Binary files /dev/null and b/images/noosfero/logo-noosfero.png differ diff --git a/images/noosfero/logo-noosfero.xcf b/images/noosfero/logo-noosfero.xcf new file mode 100644 index 0000000..a90a5eb Binary files /dev/null and b/images/noosfero/logo-noosfero.xcf differ diff --git a/images/noosfero/thin-logo.png b/images/noosfero/thin-logo.png new file mode 100644 index 0000000..009c975 Binary files /dev/null and b/images/noosfero/thin-logo.png differ diff --git a/images/noosfero/thin-logo.xcf b/images/noosfero/thin-logo.xcf new file mode 100644 index 0000000..d8ccb03 Binary files /dev/null and b/images/noosfero/thin-logo.xcf differ diff --git a/images/paginainicial.gif b/images/paginainicial.gif new file mode 100644 index 0000000..e9b6a70 Binary files /dev/null and b/images/paginainicial.gif differ diff --git a/images/textoemvigor.gif b/images/textoemvigor.gif new file mode 100644 index 0000000..3f2cdec Binary files /dev/null and b/images/textoemvigor.gif differ diff --git a/images/textosemconsulta-canto.gif b/images/textosemconsulta-canto.gif new file mode 100644 index 0000000..d9e5d6c Binary files /dev/null and b/images/textosemconsulta-canto.gif differ diff --git a/images/textosemconsulta.gif b/images/textosemconsulta.gif new file mode 100644 index 0000000..105b75c Binary files /dev/null and b/images/textosemconsulta.gif differ diff --git a/images/topo.gif b/images/topo.gif new file mode 100644 index 0000000..cae9b8d Binary files /dev/null and b/images/topo.gif differ diff --git a/images/topo2.gif b/images/topo2.gif new file mode 100644 index 0000000..47689f5 Binary files /dev/null and b/images/topo2.gif differ diff --git a/navigation.css b/navigation.css new file mode 100644 index 0000000..fc0df72 --- /dev/null +++ b/navigation.css @@ -0,0 +1,69 @@ +#navigation { + background: none; + position: absolute; + right: 0; + text-align: right; + top: 100px; + width: 100%; + height: 33px; +} + +#navigation-end { + background: url("images/menuconsulta.gif") no-repeat top right transparent; + height: 60px; + margin-right: -14px; + margin-top: -3px; +} + +#navigation ul{ + background: url("images/menuconsulta-fim.png") no-repeat -25px 0 #2172AC; + height: 31px; + margin-top: -2px; +} + +#navigation li{ + width: 146px; +} + +#navigation a { + line-height: 30px; + padding: 0 10px; + border-left: 0px; + font-size: 110%; +} + +#navigation .menu-submenu{ + margin-right: -1px; + width: auto; +} + +#navigation .menu-submenu ul{ + border: 1px solid #2172AC; +} + +#navigation li .menu-submenu-trigger{ + top: 30px; +} + +#navigation li .menu-submenu-trigger { + background: #2172AC url(images/down-arrow-light.png) center center no-repeat; + border: 1px solid #032b5c; + border-top-color: #fff; +} + +#navigation li:hover .menu-submenu-trigger:hover { + background: #5B8CC9 url(images/down-arrow-light.png) center center no-repeat; +} + +#navigation .menu-submenu-content ul { + background: #2172AC; +} + +#navigation .menu-submenu-list li { + background: #2172AC; +} + +#navigation .menu-submenu-list li a:hover { + background: #5B8CC9 ; +} + diff --git a/navigation.html.erb b/navigation.html.erb deleted file mode 100644 index 99f8f9b..0000000 --- a/navigation.html.erb +++ /dev/null @@ -1,12 +0,0 @@ - -<% if profile && user %> -
  • Configurações
    • -
  • Aparência
    • -
  • Conteúdo
    • -
  •  
    • -
  • <%= link_to(profile_image(profile, :icon) + content_tag(:span, profile.name), profile.public_profile_url) %>
    • - - <%= theme_include 'content_menu' %> - <%= theme_include 'appearance_menu' %> - <%= theme_include 'settings_menu' %> -<% end %> diff --git a/navigation.html.erb b/navigation.html.erb new file mode 120000 index 0000000..e4158f8 --- /dev/null +++ b/navigation.html.erb @@ -0,0 +1 @@ +../base/navigation.html.erb \ No newline at end of file diff --git a/preview.png b/preview.png index 74840bc..73a53d7 100644 Binary files a/preview.png and b/preview.png differ diff --git a/profile_header.css b/profile_header.css new file mode 100644 index 0000000..7c744e0 --- /dev/null +++ b/profile_header.css @@ -0,0 +1,24 @@ +#profile-header { + background-image: url("images/marca-consultapublica.png"); + background-repeat: no-repeat; + display: block; + height: 152px; + position: absolute; + top: -31px; + width: 100%; +} + +#profile-header p { + color: #004595; + font-family: sans-serif; + font-size: 38px; + font-weight: lighter; + padding-left: 10px; + position: relative; + top: 55px; +} + +#profile-header h1{ + margin-left: 20px; + margin-top: 90px; +} diff --git a/site_title.rhtml b/site_title.rhtml new file mode 100644 index 0000000..e051f5e --- /dev/null +++ b/site_title.rhtml @@ -0,0 +1,3 @@ +<%= +#link_to(image_tag("/designs/themes/noosfero/images/logo-noosfero.png"), environment.top_url) +%> diff --git a/style.css b/style.css index 5cd6070..80cc3ef 100644 --- a/style.css +++ b/style.css @@ -1,406 +1,469 @@ @import url(../base/style.css); -/****************** ESTILO BASE ******************/ -@import url(cabecalho.css); -/****************** FIM cabecalho amarelo ******************/ -@import url(style-core.css); -@import url(user-menu.css); +@import url(profile_header.css); +@import url(user_bar.css); +@import url(navigation.css); -body, th, td, input { -font-family: Arial, sans-serif; +@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,700,400); + +html { + background: url(images/background.png) repeat fixed left top transparent; +} + +body { + background-color: transparent; + font-family: 'Open Sans', sans-serif; } -#wrap-2 {background-color:#ebeff2;} +#theme-header{ + background: url("images/topo.gif") no-repeat scroll left top transparent; + height: 40px +} -#wrap-1 { - min-width: 800px; +#wrap-2{ + background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE; } #site-title { - position: relative; - top: 0; - width: auto; - height: auto; - display: none; - visibility: hidden; + left: 10px; + top: -31px; } -#site-title a { - display: block; - width: auto; - height: auto; - position: relative; - top: 0; - left: 0; +#site-title a{ + background-image: url("images/marca-consultapublica.png"); + background-repeat: no-repeat; + height: 90px; + left: 0; + top: 0; + } -/*largura dos blocos lateral e principal*/ +#content { + margin-top: 150px; +} -/*Largura dos blocos funciona somente para duas colunas*/ -/*e somente com a barra lateral do lado direito*/ -/* -.box-1, -.no-boxes { -margin: 0 0 0 0; -float: left; -width: 80%; +#content .box-2 #content .feed-reader-block, #content .recent-documents-block{ + overflow: visible; +} +#content .box-1{ + margin-left: 282px; +} +#content .box-2{ + width: 282px; + background-color: #EFEFEF; + margin-left: 15px; + width: 250px; } -.box-1 .blocks, -.no-boxes .blocks { - width: auto; - float: none; - padding: 0 1em; +#content .block { + margin: 0px; +} +#content .block ul{ + list-style: none; + text-align: justify; + padding-left: 20px; + padding-right: 5px; } -.box-2, .box-3 { - position: relative; - float: left; - width: 20%; +#content .box-2 .block-inner-1 .block-inner-2{ + background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent; + margin-left: -14px; } -.box-2 .blocks{ - padding: 0 1em; +#content .box-2 .block-inner-2 .block-title{ + background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent; + height: 62px; + position: relative; + margin-bottom: 0; + border-bottom: 0 none; + z-index: 9; } -*/ -/**Nova largura dos blocos lateral e principal**/ -.box-1, .no-boxes { -margin: 0 0 0 0; -display: block; -position: relative; -overflow: hidden; +#content .box-2 .block-inner-2 .block-title span { + color: white; + display: block; + font-family: 'Open Sans', sans-serif; + font-weight: lighter; + padding-left: 20px; + padding-top: 7px; + position: relative; } -.box-1 .blocks, -.no-boxes .blocks { - width: auto; - float: none; - padding: 0 1em; +#content .box-2 .block-inner-2 li{ + list-style: none; } +#content .box-2 .block a { + color: #004A9E; +} -.box-2/*, .box-3 */{ -position: relative; -display: block; -margin: 0; -vertical-align: top; -width: 20%; +/* +#content .box-2 .feed-reader-block li, .recent-documents-block li{ + list-style: none; + text-indent: 10px; } -.box-3{ -min-width: 20%; +*/ + +.box-1 .blocks { + background-color: #f7f7f7; + padding: 0px; + margin: 0px; } -.box-2 .blocks, .box-3 .blocks{ - padding: 0 1em; +#theme-footer { + background-color: #ffffff; } -#content .people-block ul, #content .profile-list-block ul, #content .enterprises-block ul, #content .members-block ul, #content .communities-block ul, #content .friends-block ul, #content .fans-block ul {min-width: auto;width: auto;} +#wrap-2 { + border: 0px; +} + +#footer-links, +#copyright, +#theme-footer #language-chooser { + padding: 5px 10px; +} -.box-2 .common-profile-list-block .vcard a.profile_link, .box-3 .common-profile-list-block .vcard a.profile_link {height: 112px;max-height: 112px;} +#copyright p { + margin: 0; +} -.common-profile-list-block .vcard a, .comment-actions .vcard a{} -/*estilo dos blocos*/ +/* + * Specific article style + */ -#main-content-wrapper-1, -#main-content-wrapper-2, -#main-content-wrapper-3, -#main-content-wrapper-4, -#main-content-wrapper-5, -#main-content-wrapper-6, -#main-content-wrapper-7, -#main-content-wrapper-8 { - background: url(images/no-image.gif) no-repeat; +#article-tags{ + text-align: left; + color: black; } -#main-content-wrapper-8 { - padding: 10px 20px; -} +/* + * Specific blocks style + */ -#content .block { - padding-bottom: 1em; - margin: 0; +/*FIXME verificar se pode usar .block-footer-content diretamente*/ +#content .tags-block .block-footer-content, +#content .people-block .block-footer-content, +#content .profile-list-block .block-footer-content, +#content .enterprises-block .block-footer-content, +#content .members-block .block-footer-content, +#content .communities-block .block-footer-content, +#content .friends-block .block-footer-content{ + + position: relative; + bottom: 4px; + width: 70px; + right: 0px; + font-size: 11px; + color: #000; + z-index: 10; + text-decoration: none; + padding-right: 15px; + background-color: red; +/* background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;*/ } -#content .block .block-inner-1 { - background-color: #fff; - box-shadow: 5px 5px 5px -2px #ddd; +#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 .friends-block .block-footer-content a { + font-size: 11px; + color: #000; + text-decoration: none; + padding-right: 15px; + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; } -#content .box-1 .block .block-inner-1, -#content .no-boxes .block .no-boxes-inner-1 {padding:1em;} +/* Plugin para curtir artigos e comentários */ -#content .block .block-inner-2 h3~div {padding:1em;} +.action .dislike:before { + content: url(images/negative-hand.png); +} + +.action .like:before { + content: url(images/positive-hand.png); +} -#content .box-1 .block, -#content .no-boxes .block{padding: 0;} +.vote-action .like-action-active .action-icon { + opacity: 1; +} -#content .link-list-block{padding: 0;} +.vote-action .action-icon { + opacity: 0.5; +} -#content .link-list-block li{margin: 0;} +#article .action .action-icon { + top: 3px; +} -#content .link-list-block li a { - border-radius: 0; - padding: 10px 5px 10px 40px; - border-bottom: 1px solid #ccc; - background-color: #f7f9fa; - border-left: 3px solid #f7f9fa; +#article .like-action .like-action-counter { + color: #2A8C32; } -/*bloco lateral de menu*/ -#content .link-list-block li a.link-this-page{ - max-width:100%; - width: auto; - border-right: 0px; - background-color: #257CAD; - color: white; - border-left: 3px solid #fff; +#article .dislike-action .like-action-counter { + color: #CC0000; } -#content .link-list-block li a.link-this-page:hover, -#content .link-list-block li a:hover { - background-color: #257CAD; - border-left: 3px solid #fff; - border-right: 0px solid #fff; +.vote-actions { + position: relative; + right: 0; + top: 0; } -#profile-header {margin-bottom: 20px;} -#content .block-title { font-variant: inherit; margin-bottom: 0px;} +/* PopUp Login*/ -/*cabeçalho dos blocos laterais*/ -#content .block h3.block-title, -#content #content-inner .login-block .logged-user-info h2{ - font-size: 16px; - text-align: left; - border-bottom: 1px solid #AAA; - padding: 0.5em; - background-color: #257CAD; - color: white; - font-variant: inherit; +#colorbox { + left: -350px !important; + margin-left: 50% !important; + width: 700px !important; } -/*cabeçalho do blocos principal*/ -#content .box-1 .block h3.block-title, -#content .no-boxes .block h3.block-title { - color: #333; - font-size: 16px; - text-align: left; - border-bottom: 0px solid #AAA; - padding: 0px; - background-color: transparent; -} - -/*ver todos blocos laterais*/ -#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 .friends-block .block-footer-content a { - position: absolute; - top: 5px; - right: 5px; - font-size: 12px; - color: #000; - text-decoration: none; - background-color: #fff; - padding: 6px 20px 6px 12px; - border-radius: 12px; - background-position-x: 90%; -} - -#content .tags-block .block-footer-content a:hover, -#content .people-block .block-footer-content a:hover, -#content .profile-list-block .block-footer-content a:hover, -#content .enterprises-block .block-footer-content a:hover, -#content .members-block .block-footer-content a:hover, -#content .communities-block .block-footer-content a:hover, -#content .friends-block .block-footer-content a:hover { - position: absolute; - top: 5px; - right: 5px; - font-size: 12px; - color: #000; - text-decoration: none; - background-color: #257CAD; - color: white; - padding: 6px 20px 6px 12px; - border-radius: 12px; - border: 1px solid white; -} - -#content .main-block h1{ - font-variant: inherit; - color: #555753; - text-align: left; - border-bottom: 0px; -/*font-family: 'Roboto',sans-serif;*/ - margin: 0 0 5px; - font-weight: 700; - color: #4d4d4d; -} - -.search_form input[type="text"], -#public-profile-search input[type="text"]{ - padding: 6px 0; - font-size: 14px; - line-height: 1.42857143; - color: #555; - background-color: #fff; - background-image: none; - border: 1px solid #ccc; +#cboxWrapper { + padding: 15px; + position: relative; + width: auto !important; + /* height: auto !important;*/ } -#content form input.button.submit { - max-height: 34px; - cursor: pointer; - height: 34px; - vertical-align: top; - margin-top: 2px; - margin-left: 16px; +#cboxContent{ + float: none !important; + width: auto !important; + height: auto !important; + padding: 20px; } -.controller-search #content form input.button.submit{ - height: 38px; - max-height: 38px; - background-position-x: 8px; +#cboxLoadedContent{ + width: auto !important; + height: auto !important; } -.controller-search .search-results-box{ - float: none; - width: 100%; - margin-top: 2em; - box-shadow: 5px 5px 5px -2px #ddd; +#colorbox .login-box .button-bar a.icon-close{ + width: auto !important; } -.controller-search .search-results-box h3{ - font-size: 16px; - text-align: left; - border-bottom: 1px solid #AAA; - padding: 0.5em; - background-color: #257CAD; - color: white !important; - font-variant: none; - margin-left: 0px !important; - text-transform: uppercase; +#cboxMiddleLeft{ + float: none !important; + height: auto !important; } -.controller-search .search-results-innerbox { - height: 100%; - background-image: none; - background-color: white; - border: none; +#cboxTopCenter { + height: auto !important; } -.search-field-label {width: auto;} +#colorbox .login-box{ + width: 100%; + background: url("images/img_login_popUp.png") no-repeat scroll 90% 50% #FFFFFF; +} -.search-article-body { - width: 85%; +#colorbox .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%; } -.search-article-tags .search-article-tag, .search-article-categories .search-article-category { - padding: 5px 6px 3px; +#colorbox .login-box form { + margin: 0; + width: 45%; + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/ } -#public-profile-search, #profile-search-results form, .profile-search-block form { - padding: 10px; - margin-bottom: 15px; - background-color: transparent; - -moz-border-radius: 5px; - -webkit-border-radius: 0px; +#colorbox .login-box .formfieldline input { + width: 95%; } +#colorbox .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: 'Open Sans', sans-serif; + font-size: 16px; + font-weight: bold; + height: 50px !important; + max-height: 50px !important; + padding: 0; + text-transform: uppercase; + width: 145px; + cursor: pointer; +} -/*telas de edição*/ +#colorbox .login-box .button-bar input.icon-login:hover { + background-image: url("images/btn_entrar_login_hover.png"); +} -/*Estilo dos campos - input*/ -.formfield input, .formfield textarea { - background: none; - border: 2px solid #B0C4DE; - color: #333; - font-size: 16px; - border-radius: 5px; +#colorbox .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; +} +#colorbox .login-box .button-bar a.icon-close:hover { + background-color: #FFD1CF; } -#content form input.button.submit {margin-left:0px; margin-right: 16px;} +#colorbox .login-box .button-bar input.submit, +#colorbox .login-box .button-bar a.icon-close { + border: 0px none; +} -/*Campo inserir arquivo*/ -input[type~="file"] {border: none;} +#colorbox .login-box .button-bar { + float: none; + margin-bottom: 1em; + margin-top: 1em; + width: 100%; +} -/*formulário de criação de artigos - lado esquerdo*/ -.controller-cms div.with_media_panel { - float: left; - width: 70%; - display: inline-block; - background-color: #FFF; - padding: 1em; - vertical-align: top; +#colorbox .login-box .button-bar .icon-add{ + 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%; } -/*caixas de formulário da direita - Inserir imagem e buscar imagem*/ -.text-editor-sidebar{ - float: left; - position: relative; - width: 20%; - display: inline-block; - vertical-align: top; - margin-left: 3%; - right: 0; - top: 0; +#colorbox .login-box .button-bar .icon-help{ + } -/*Campo inserir arquivo - lado direito*/ -.text-editor-sidebar .text-editor-sidebar-box #media-upload-form form input[type~="file"]{font-size: x-small;} +#colorbox .login-box form .button-bar { + float: none; + width: 100% +} -/*campo de busca de mídia*/ -.text-editor-sidebar #media-search-box .formfield input { - display: inline-block; - width: 85% !important; +#colorbox .login-box .button-bar a.button.icon-help, +#colorbox .login-box .button-bar a.button.icon-add { + display: none; } -/*botão de busca de mídia*/ -#content .text-editor-sidebar #media-search-box form input.button.submit { - max-height: 24px; - cursor: pointer; +/*Modificações*/ + +html {background-image: none;background-color: #EEE;} + +#navigation, +#profile-header, +#site-title {display: none;} + +#wrap-2 {background-image: none;background-color: #EEE;} + +#content {margin-top: 10px;} +#content .box-1 {margin-left: 262px;} +#content .box-2 {margin-left: 0px;} +#content .box-2 .block-inner-1 .block-inner-2 {background-image: none;margin-left: 0;} + +.link-list-block, +.profile-image-block {background-color: #FFF;box-shadow: 2px 2px 4px #CCC;} + +#content .link-list-block li a {background-color: rgba(0, 0, 0, 0);} +#content .link-list-block li a:hover {background-color: #eee;color: #333;} + +.main-content {border-width: 0;border-radius: 0;box-shadow: 2px 2px 4px #CCC;background-color: #FFF;} + +#content .box .profile-image-block { + background-color: #FFF; + box-shadow: 2px 2px 4px #CCC; + margin-bottom: 20px; + padding: 10px 0; +} +#theme-header { + background-image: none; + background-color: #0050A5; + color: #FFF; + font-size: 150%; + padding-left: 10px; + padding-top: 10px; height: 34px; - vertical-align: top; - margin-top: 2px; - margin-left: 0; - margin-right: 0; - width: 0px; - color: #EEE; + font-family: 'Open Sans', sans-serif; +} +#theme-header:before { + content: ""; display: inline-block; + width: 20px; + margin-right: 10px; + height: 2px; + background-color: #fff; + vertical-align: baseline; + border-top: 2px solid #fff; + border-bottom: 2px solid #fff; + padding: 4px 0; + background-clip: content-box; + margin-right: 20px; } -/*botão cancelar*/ -#content a.button.with-text { -line-height: 32px; -height: 32px; -margin-top: 2px; +#theme-header:after { +content: "Planejamento Estratégico"; +color: #FFF; } -.comment-details .menu-submenu { - right: 3px; -} +#user {top: -30px;} -.vote-actions { - top: 30px; -} +#content .link-list-block li a {border-radius: 0px;} -.ui-widget-header { - background: none; - border-width: 0px 0px 1px 0px; +#content .link-list-block li a.link-this-page { + background-color: rgba(0, 0, 0, 0); + border-right: 0px; + border-left: 2px solid #CCC; + width: auto; + border-radius: 0px; } -#leave_scrap_content_left { - float: none; - text-align: left; +#content .link-list-block li a.link-this-page:hover { + border-left: 2px solid #eee; + border-right: 0px; + border-radius: 0px;} + +#content .link-list-block li a:hover { + background-color: #EEE; + color: #333; + border-left: 0px none; } -#leave_scrap textarea { - float: left; +#content .link-list-block ul { +padding-left: 0px; } -#profile-activity ul, #profile-network ul, #profile-wall ul { - width: 100%; + +/*Dentro do Main Block*/ + +#content .main-block h1, #not-found h1, #access-denied h1 { + border-bottom: 0 solid #2E3436; + color: #0050A5; + font-variant: small-caps; + text-align: left; } -.profile-activity-lead { - width: 90%; +#article-header:before { + background-color: #0050A5; + content: ""; + display: inline-block; + height: 2px; + position: relative; + top: 40px; + width: 50px; } + +#content .main-block .publishing-info, +#article-sub-header {display: none;} + +#article-toolbar {margin-bottom: 20px;} + + diff --git a/style.css~ b/style.css~ new file mode 100644 index 0000000..3bd424a --- /dev/null +++ b/style.css~ @@ -0,0 +1,469 @@ +@import url(../base/style.css); +@import url(profile_header.css); +@import url(user_bar.css); +@import url(navigation.css); + +@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,700,400); + +html { + background: url(images/background.png) repeat fixed left top transparent; +} + +body { + background-color: transparent; + font-family: 'Open Sans', sans-serif; +} + +#theme-header{ + background: url("images/topo.gif") no-repeat scroll left top transparent; + height: 40px +} + +#wrap-2{ + background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE; +} + +#site-title { + left: 10px; + top: -31px; +} + +#site-title a{ + background-image: url("images/marca-consultapublica.png"); + background-repeat: no-repeat; + height: 90px; + left: 0; + top: 0; + +} + +#content { + margin-top: 150px; +} + +#content .box-2 #content .feed-reader-block, #content .recent-documents-block{ + overflow: visible; +} +#content .box-1{ + margin-left: 282px; +} +#content .box-2{ + width: 282px; + background-color: #EFEFEF; + margin-left: 15px; + width: 250px; +} + +#content .block { + margin: 0px; +} +#content .block ul{ + list-style: none; + text-align: justify; + padding-left: 20px; + padding-right: 5px; +} + +#content .box-2 .block-inner-1 .block-inner-2{ + background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent; + margin-left: -14px; +} + +#content .box-2 .block-inner-2 .block-title{ + background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent; + height: 62px; + position: relative; + margin-bottom: 0; + border-bottom: 0 none; + z-index: 9; +} + + +#content .box-2 .block-inner-2 .block-title span { + color: white; + display: block; + font-family: 'Open Sans', sans-serif; + font-weight: lighter; + padding-left: 20px; + padding-top: 7px; + position: relative; +} + +#content .box-2 .block-inner-2 li{ + list-style: none; +} + +#content .box-2 .block a { + color: #004A9E; +} + +/* +#content .box-2 .feed-reader-block li, .recent-documents-block li{ + list-style: none; + text-indent: 10px; +} +*/ + +.box-1 .blocks { + background-color: #f7f7f7; + padding: 0px; + margin: 0px; +} + +#theme-footer { + background-color: #ffffff; +} + +#wrap-2 { + border: 0px; +} + +#footer-links, +#copyright, +#theme-footer #language-chooser { + padding: 5px 10px; +} + +#copyright p { + margin: 0; +} + + +/* + * Specific article style + */ + +#article-tags{ + text-align: left; + color: black; +} + +/* + * Specific blocks style + */ + +/*FIXME verificar se pode usar .block-footer-content diretamente*/ +#content .tags-block .block-footer-content, +#content .people-block .block-footer-content, +#content .profile-list-block .block-footer-content, +#content .enterprises-block .block-footer-content, +#content .members-block .block-footer-content, +#content .communities-block .block-footer-content, +#content .friends-block .block-footer-content{ + + position: relative; + bottom: 4px; + width: 70px; + right: 0px; + font-size: 11px; + color: #000; + z-index: 10; + text-decoration: none; + padding-right: 15px; + background-color: red; +/* background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;*/ +} + +#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 .friends-block .block-footer-content a { + font-size: 11px; + color: #000; + text-decoration: none; + padding-right: 15px; + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; +} + +/* Plugin para curtir artigos e comentários */ + +.action .dislike:before { + content: url(images/negative-hand.png); +} + +.action .like:before { + content: url(images/positive-hand.png); +} + +.vote-action .like-action-active .action-icon { + opacity: 1; +} + +.vote-action .action-icon { + opacity: 0.5; +} + +#article .action .action-icon { + top: 3px; +} + +#article .like-action .like-action-counter { + color: #2A8C32; +} + +#article .dislike-action .like-action-counter { + color: #CC0000; +} + +.vote-actions { + position: relative; + right: 0; + top: 0; +} + +/* PopUp Login*/ + +#colorbox { + left: -350px !important; + margin-left: 50% !important; + width: 700px !important; +} + +#cboxWrapper { + padding: 15px; + position: relative; + width: auto !important; + /* height: auto !important;*/ +} + +#cboxContent{ + float: none !important; + width: auto !important; + height: auto !important; + padding: 20px; +} + +#cboxLoadedContent{ + width: auto !important; + height: auto !important; +} + +#colorbox .login-box .button-bar a.icon-close{ + width: auto !important; +} + +#cboxMiddleLeft{ + float: none !important; + height: auto !important; +} + +#cboxTopCenter { + height: auto !important; +} + +#colorbox .login-box{ + width: 100%; + background: url("images/img_login_popUp.png") no-repeat scroll 90% 50% #FFFFFF; +} + +#colorbox .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%; +} + +#colorbox .login-box form { + margin: 0; + width: 45%; + /*background: url("images/img_login_popUp.png") no-repeat scroll 70% 30% #FFFFFF;*/ +} + +#colorbox .login-box .formfieldline input { + width: 95%; +} + +#colorbox .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: 'Open Sans', sans-serif; + font-size: 16px; + font-weight: bold; + height: 50px !important; + max-height: 50px !important; + padding: 0; + text-transform: uppercase; + width: 145px; + cursor: pointer; +} + +#colorbox .login-box .button-bar input.icon-login:hover { + background-image: url("images/btn_entrar_login_hover.png"); +} + +#colorbox .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; +} +#colorbox .login-box .button-bar a.icon-close:hover { + background-color: #FFD1CF; +} + +#colorbox .login-box .button-bar input.submit, +#colorbox .login-box .button-bar a.icon-close { + border: 0px none; +} + +#colorbox .login-box .button-bar { + float: none; + margin-bottom: 1em; + margin-top: 1em; + width: 100%; +} + +#colorbox .login-box .button-bar .icon-add{ + 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%; +} + +#colorbox .login-box .button-bar .icon-help{ + +} + +#colorbox .login-box form .button-bar { + float: none; + width: 100% +} + +#colorbox .login-box .button-bar a.button.icon-help, +#colorbox .login-box .button-bar a.button.icon-add { + display: none; +} + +/*Modificações*/ + +html {background-image: none;background-color: #EEE;} + +#navigation, +#profile-header, +#site-title {display: none;} + +#wrap-2 {background-image: none;background-color: #EEE;} + +#content {margin-top: 10px;} +#content .box-1 {margin-left: 262px;} +#content .box-2 {margin-left: 0px;} +#content .box-2 .block-inner-1 .block-inner-2 {background-image: none;margin-left: 0;} + +.link-list-block, +.profile-image-block {background-color: #FFF;box-shadow: 2px 2px 4px #CCC;} + +#content .link-list-block li a {background-color: rgba(0, 0, 0, 0);} +#content .link-list-block li a:hover {background-color: #eee;color: #333;} + +.main-content {border-width: 0;border-radius: 0;box-shadow: 2px 2px 4px #CCC;background-color: #FFF;} + +#content .box .profile-image-block { + background-color: #FFF; + box-shadow: 2px 2px 4px #CCC; + margin-bottom: 20px; + padding: 10px 0; +} +#theme-header { + background-image: none; + background-color: #0050A5; + color: #FFF; + font-size: 150%; + padding-left: 10px; + padding-top: 10px; + height: 30px; + font-family: 'Open Sans', sans-serif; +} +#theme-header:before { + content: ""; + display: inline-block; + width: 20px; + margin-right: 10px; + height: 2px; + background-color: #fff; + vertical-align: baseline; + border-top: 2px solid #fff; + border-bottom: 2px solid #fff; + padding: 4px 0; + background-clip: content-box; + margin-right: 20px; +} + +#theme-header:after { +content: "Planejamento Estratégico"; +color: #FFF; +} + +#user {top: -30px;} + +#content .link-list-block li a {border-radius: 0px;} + +#content .link-list-block li a.link-this-page { + background-color: rgba(0, 0, 0, 0); + border-right: 0px; + border-left: 2px solid #CCC; + width: auto; + border-radius: 0px; +} + +#content .link-list-block li a.link-this-page:hover { + border-left: 2px solid #eee; + border-right: 0px; + border-radius: 0px;} + +#content .link-list-block li a:hover { + background-color: #EEE; + color: #333; + border-left: 0px none; +} + +#content .link-list-block ul { +padding-left: 0px; +} + + +/*Dentro do Main Block*/ + +#content .main-block h1, #not-found h1, #access-denied h1 { + border-bottom: 0 solid #2E3436; + color: #0050A5; + font-variant: small-caps; + text-align: left; +} + +#article-header:before { + background-color: #0050A5; + content: ""; + display: inline-block; + height: 2px; + position: relative; + top: 40px; + width: 50px; +} + +#content .main-block .publishing-info, +#article-sub-header {display: none;} + +#article-toolbar {margin-bottom: 20px;} + + diff --git a/theme.yml b/theme.yml index af4d631..839643c 100644 --- a/theme.yml +++ b/theme.yml @@ -1,5 +1,4 @@ name: "Palpite.SERPRO" -#layout: "../../../public/designs/themes/participa-web/index" layout: "application-ng" jquery_theme: "smoothness" icon_theme: [default, pidgin] diff --git a/theme.yml~ b/theme.yml~ index 5a58258..5d67d12 100644 --- a/theme.yml~ +++ b/theme.yml~ @@ -1,5 +1,5 @@ -name: "Participa-WEB" -#layout: "../../../public/designs/themes/participa-web/index" +name: "Consulta" layout: "application-ng" jquery_theme: "smoothness" icon_theme: [default, pidgin] +public: true diff --git a/user_bar.css b/user_bar.css new file mode 100644 index 0000000..1b61efb --- /dev/null +++ b/user_bar.css @@ -0,0 +1,22 @@ +#user { + color: white; + position: absolute; + right: 10px; + text-align: right; + top: -25px; + z-index: 10; +} + +#user a i{ + left: -20px; +} + +#user, +#user a, +#user a:hover, +#user a:visited, +#user a strong { + color: white; + text-decoration: none; +} + -- libgit2 0.21.2