From aa5bcb3a6585a0881a1f4b072dd2dd15a89b6c01 Mon Sep 17 00:00:00 2001 From: ValessioBrito Date: Wed, 17 Oct 2007 21:38:22 +0000 Subject: [PATCH] ActionItem110: New Layout Bar Noosfero --- public/artwork/screens/NoosferoTelaDeslogado.svg | 532 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------- public/artwork/screens/NoosferoTelaLogado.svg | 1796 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- public/images/bg_bgmenu.png | Bin 0 -> 289 bytes public/images/bg_menu_options.png | Bin 0 -> 16923 bytes public/images/bg_searchbox.png | Bin 0 -> 4791 bytes public/images/ico_enterlink.gif | Bin 0 -> 91 bytes public/stylesheets/menu.css | 208 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------- 7 files changed, 1917 insertions(+), 619 deletions(-) create mode 100644 public/images/bg_bgmenu.png create mode 100644 public/images/bg_menu_options.png create mode 100644 public/images/bg_searchbox.png create mode 100644 public/images/ico_enterlink.gif diff --git a/public/artwork/screens/NoosferoTelaDeslogado.svg b/public/artwork/screens/NoosferoTelaDeslogado.svg index 5e5a219..4db6bb2 100644 --- a/public/artwork/screens/NoosferoTelaDeslogado.svg +++ b/public/artwork/screens/NoosferoTelaDeslogado.svg @@ -9,20 +9,67 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="746.125" - height="449.15625" + width="846.7807" + height="210.14145" id="svg3922" sodipodi:version="0.32" inkscape:version="0.45+devel" version="1.0" sodipodi:docname="NoosferoTelaDeslogado.svg" inkscape:output_extension="org.inkscape.output.svg.inkscape" - inkscape:export-filename="/home/valessio/Desktop/TelasNoosfero/NoosferoTelaDeslogado.png" - inkscape:export-xdpi="96.581093" - inkscape:export-ydpi="96.581093"> + inkscape:export-filename="/home/valessio/Desktop/novabar.png" + inkscape:export-xdpi="86.513153" + inkscape:export-ydpi="86.513153"> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + transform="translate(1132.0624,35.873485)"> + + + + + + + + + + + + style="opacity:1;fill:url(#linearGradient4081);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.06670989;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> @@ -913,7 +1337,7 @@ id="path6947" /> Parceiros CaritasITIGov.brEquipeEquipeEquipe internacionalEquipe internacionalWiki NovidadesNovidadesGrupo AnheteguáGrupo Anheteguá Noosfero + style="opacity:1;fill:url(#linearGradient4160);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2.9000001;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.29044118;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="opacity:1;fill:url(#linearGradient4176);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2.9000001;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.29044118;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + + + + + + + + + diff --git a/public/artwork/screens/NoosferoTelaLogado.svg b/public/artwork/screens/NoosferoTelaLogado.svg index d3ad14b..412ff95 100644 --- a/public/artwork/screens/NoosferoTelaLogado.svg +++ b/public/artwork/screens/NoosferoTelaLogado.svg @@ -9,42 +9,199 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="746.125" - height="449.15625" + width="354.08902" + height="53.5625" id="svg3922" sodipodi:version="0.32" inkscape:version="0.45+devel" version="1.0" sodipodi:docname="NoosferoTelaLogado.svg" inkscape:output_extension="org.inkscape.output.svg.inkscape" - inkscape:export-filename="/home/valessio/Desktop/TelasNoosfero/NoosferoTelaLogado.png" - inkscape:export-xdpi="96.581093" - inkscape:export-ydpi="96.581093"> + inkscape:export-filename="/home/valessio/Desktop/barra-options.png" + inkscape:export-xdpi="152.90549" + inkscape:export-ydpi="152.90549"> + + + + + + + + + + + + + + + + + + + + + + + + + id="linearGradient6848"> + + + + + id="stop6834" /> + id="stop6836" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + id="linearGradient2536"> + id="stop2538" /> + id="stop2540" /> + gradientTransform="translate(522.94519,-476.69525)" /> @@ -213,7 +370,7 @@ y1="4.450161" x2="-1523.9161" y2="-19.423532" - gradientTransform="matrix(1,0,0,0.1099236,1690.0714,-48.330893)" /> + gradientTransform="matrix(1,0,0,0.1099236,522.94519,-472.74043)" /> + gradientTransform="translate(-1151.586,647.59208)" /> + gradientTransform="translate(-1151.586,647.59208)" /> + gradientTransform="matrix(1,0,0,0.3528644,-1167.1262,711.01613)" /> - - - + gradientUnits="userSpaceOnUse" + gradientTransform="translate(1167.1262,424.40953)" /> + gradientTransform="matrix(0.9260455,0,0,0.8629877,1114.3302,433.21163)" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + transform="translate(1577.8752,-524.39383)"> + + - + style="opacity:1;fill:url(#linearGradient5242);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.7881356;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + x="-1148.9755" + y="788.92908" /> - - - - - - - - - + x="-1151.5769" + y="-474.228" /> - - - Sobre nós + x="-1026.5791" + y="816.98688">Sobre nós Ajuda Parceiros ColivreColivreCaritasITIGov.brEcoSol ContatoContatoAnuncieAnuncieEquipeEquipeEquipe internacionalEquipe internacionalVagasVagasBlogBlogWiki + x="-1031.0571" + y="880.75555">Wiki Perguntas freqüentesPerguntas freqüentesSuporteSuporteNovidadesNovidadesGrupo AnheteguáGrupo AnheteguáFórum Anheteguá + x="-932.40326" + y="863.1073">Fórum Anheteguá + transform="matrix(6.6591594e-2,0,0,6.6591594e-2,-751.62163,866.01627)"> Noosfero © 2008 Noosfero Community Privacidade | Assinatura | Últimas atualizações - Seja bem vindo, você tem 0 novas mensagens na sua caixa de entrada. + x="-964.26709" + y="906.0542">© 2008 Noosfero Community Privacidade | Assinatura | Últimas atualizações Enquete - Temáticas - Noosfero - Redes - Cadeias + x="-566.80865" + y="770.065">Enquete + x="-434.63385" + y="763.99493" /> + transform="translate(-1166.2403,329.68449)"> Algum conteudo Algum conteudo + x="-1123.2833" + y="550.64728">Algum conteudo + x="-615.10846" + y="544.57727" /> + x="-503.10004" + y="588.12946" /> LalalalalLalalalallalalaal.lalalalala.lalalalalaallalalalalalalalalaalalalalal.lalalalalalalalalalaallala. Meu Nome Sobre Nome - - Territorios - - - - - - + x="-567.77148" + y="578.55896">Meu Nome Sobre Nome + transform="translate(-1170.0486,453.90344)" + style="fill:#2e3436"> - - - - - Efetuar Login... Busca Rápida - - + x="-633.27673" + y="478.39963" /> + x="426.66516" + y="479.74509" /> Buscar + x="-470.43311" + y="491.78024">Buscar + + + + + + + + + + + + + + + + + + + + + + + + + + Temáticas + Redes + Territórios + Noosfero + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Temáticas + Redes + Territórios + Noosfero + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/bg_bgmenu.png b/public/images/bg_bgmenu.png new file mode 100644 index 0000000..5b962e2 Binary files /dev/null and b/public/images/bg_bgmenu.png differ diff --git a/public/images/bg_menu_options.png b/public/images/bg_menu_options.png new file mode 100644 index 0000000..652ae32 Binary files /dev/null and b/public/images/bg_menu_options.png differ diff --git a/public/images/bg_searchbox.png b/public/images/bg_searchbox.png new file mode 100644 index 0000000..a28caa4 Binary files /dev/null and b/public/images/bg_searchbox.png differ diff --git a/public/images/ico_enterlink.gif b/public/images/ico_enterlink.gif new file mode 100644 index 0000000..37adecb Binary files /dev/null and b/public/images/ico_enterlink.gif differ diff --git a/public/stylesheets/menu.css b/public/stylesheets/menu.css index 86e6d00..03206f3 100644 --- a/public/stylesheets/menu.css +++ b/public/stylesheets/menu.css @@ -1,6 +1,7 @@ /* Geral Bar */ #noosfero_bar { position: fixed; + height: 11px; padding: 0px; margin-top: -5px; font-family: Verdana, Arial, Serif-sans; @@ -10,8 +11,9 @@ /* Menu Itens Accessibility */ #accessibility_menu { - float: right; - margin-right: 10px; + position: absolute; + right: 10px; + top: 35px; font-family: Verdana, Arial, Serif-sans; font-size: 10px; color: #dfdfdf; @@ -50,9 +52,9 @@ text-decoration: underline !important ; float: left; padding: 0px !important; margin: 0px !important; - height: 33px; + height: 40px; vertical-align: middle; - line-height: 33px; + line-height: 40px; } #navigation_bar ul { @@ -68,9 +70,14 @@ text-decoration: underline !important ; } #navigation_bar ul li a { - padding-left: 5px; - padding-right: 5px; - padding-bottom: 3px; + float: left; + display: block; + margin-top: 5px; + text-align: center; + width: 124px; + height: 38px; + line-height: 38px; + vertical-align: middle; color: #fff; text-decoration: none; } @@ -81,26 +88,27 @@ padding: 0px; width: 100%; left: 0px; position: absolute; -margin-top: 33px; +top: 40px; display: none; +z-index: 999; } -#navigation_bar ul li ul { - padding: 10px; - z-index: 999; +#navigation_bar ul li ul li { + text-align: center; } -#navigation_bar ul li ul li { - display: block; +#navigation_bar ul li ul li a { display: inline; - margin: 5px; + width: auto; + padding-left: 5px; + padding-right: 5px; + margin: 0px; + text-align: center; } #search_box { -display: block; -position: absolute; -right: 0px; -top: 25px; +float: right; +margin-top: 10px; margin-right: 10px; height: 20px; line-height: 20px; @@ -136,10 +144,6 @@ color: #545454; border: 1px inset #dfdfdf; } -#frame { -margin-top: 34px; -} - /* Path Category */ #path_category { @@ -156,163 +160,133 @@ margin-top: 34px; /* ITEM 0 */ #noosfero_bar.category { - background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x; + background: url("../images/bg_bgmenu.png") repeat-x; + background-position: 0px 11px; } -#wrap.category { -border: 5px solid #204a87 !important; +#navigation_bar ul li#category ul { + background-color: #204a87 !important; } -#category a { - border: 1px outset #6692c4; - background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x; +#wrap.category { + border: 5px solid #204a87 !important; } -#category a:hover, li#category.active a:hover { - border: 1px inset #6692c4 !important; - background: #3b6096 url("../images/bg_item_bar_blue_on.png") repeat-x !important; +#category a { + background: url("../images/bg_menu_options.png") no-repeat; + background-position: 0px 0px; } li#category.active a { - border: 1px inset #6692c4; - background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x; + background-position: 0px -38px; } li#category ul li a { - border: 1px outset #6692c4 !important; - background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important; + color: white; + background: #204a87; + border-right: 1px solid black; } -#category ul { - background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x; +li#category ul li a:hover { + color: black; } - -/* ITEM 1 */ - +/* ITEM 1 - Orange */ #noosfero_bar.category1 { - background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x; + background: url("../images/bg_bgmenu.png") repeat-x; + background-position: 0px 0px; } -#wrap.category1 { -border: 5px solid #204a87 !important; +#navigation_bar ul li#category1 ul { + background-color: #ce5c00 !important; } -#category1 a { - border: 1px outset #6692c4; - background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x; +#wrap.category1 { +border: 5px solid #ce5c00 !important; } -#category1 a:hover, li#category1.active a:hover { - border: 1px inset #6692c4 !important; - background: #3b6096 url("../images/bg_item_bar_blue_on.png") repeat-x !important; +#category1 a { + background: url("../images/bg_menu_options.png") no-repeat; + background-position: -124px 0px; } li#category1.active a { - border: 1px inset #6692c4; - background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x; + background-position: -124px -38px; } li#category1 ul li a { - border: 1px outset #6692c4 !important; - background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important; + color: white; + background: #ce5c00; + border-right: 1px solid black; } -#category1 ul { - background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x; +li#category1 ul li a:hover { + color: black; } - -/* ITEM 2 red */ - +/* ITEM 2 - Green */ #noosfero_bar.category2 { - background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x; + background: url("../images/bg_bgmenu.png") repeat-x; + background-position: 0px -22px; } -#wrap.category2 { -border: 5px solid #a40000 !important; +#navigation_bar ul li#category2 ul { + background-color: #4e9a06 !important; } -#category2 a { - border: 1px outset #a40000; - background: #a40000 url("../images/bg_item_bar_red_off.png") repeat-x; +#wrap.category2 { +border: 5px solid #4e9a06 !important; } -#category2 a:hover, li#category2.active a:hover { - border: 1px inset #a40000; - background: #ae1c1c url("../images/bg_item_bar_red_on.png") repeat-x; +#category2 a { + background: url("../images/bg_menu_options.png") no-repeat; + background-position: -246px 0px; } li#category2.active a { - border: 1px inset #a40000; - background: #ee2828 url("../images/bg_item_bar_red_active.png") repeat-x; + background-position: -246px -38px; } -#category2 ul { - background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x; +li#category2 ul li a { + color: white; + background: #4e9a06; + border-right: 1px solid black; } +li#category2 ul li a:hover { + color: black; +} -/* ITEM 3 */ - +/* ITEM 3 - Purple */ #noosfero_bar.category3 { - background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x; + background: url("../images/bg_bgmenu.png") repeat-x; + background-position: 0px -33px; } +#navigation_bar ul li#category3 ul { + background-color: #5c3566 !important; +} + #wrap.category3 { -border: 5px solid #204a87 !important; +border: 5px solid #5c3566 !important; } #category3 a { - border: 1px outset #6692c4; - background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x; -} - -#category3 a:hover, li#category3.active a:hover { - border: 1px inset #6692c4 !important; - background: #3b6096 url("../images/bg_item_bar_blue_on.png") repeat-x !important; + background: url("../images/bg_menu_options.png") no-repeat; + background-position: -368px 0px; } li#category3.active a { - border: 1px inset #6692c4; - background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x; + background-position: -368px -38px; } li#category3 ul li a { - border: 1px outset #6692c4 !important; - background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important; -} - -#category3 ul { - background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x; -} - -/* ITEM 4 red */ - -#noosfero_bar.category4 { - background: #a40000 url("../images/bg_noosfero_red.png") repeat-x; -} - -#wrap.category4 { -border: 6px solid #a40000 !important; -} - -#category4 a { - border: 1px outset #a40000; - background: #a40000 url("../images/bg_item_bar_red_off.png") repeat-x; -} - -#category4 a:hover, li#category4.active a:hover { - border: 1px inset #a40000; - background: #ae1c1c url("../images/bg_item_bar_red_on.png") repeat-x; -} - -li#category4.active a { - border: 1px inset #a40000; - background: #ee2828 url("../images/bg_item_bar_red_active.png") repeat-x; + color: white; + background: #5c3566; + border-right: 1px solid black; } -#category4 ul { - background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x; +li#category3 ul li a:hover { + color: black; } -- libgit2 0.21.2