ActionItem110: CSS Noosfero Bar

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@697 3f533792-8f58-4932-b0fe-aaf55b0a4547

ActionItem110: CSS Noosfero Bar
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@697 3f533792-8f58-4932-b0fe-aaf55b0a4547
ValessioBrito
1 parent b683b3e4
Showing 3 changed files with 149 additions and 139 deletions Show diff stats
public/stylesheets/blue_bar.css
public/stylesheets/common.css
public/stylesheets/menu.css
@@ -20,8 +20,6 @@ a:hover img {
   border: 1px solid gray;
 }
-/* Bar Blue Default */
-
 #environment_identification {
 position: absolute !important;
 background: url("../images/bg_blue_logo.png") 5px no-repeat !important;
@@ -36,52 +34,3 @@ padding-left: 60px !important ;
 color: #dfdfdf !important ;
 }
-#user_links, #login_box {
-margin-left: 290px !important ;
-}
-
-#user_links a:hover, #user_links a:focus, #login_box a:hover, #login_box a:focus, #register_box a:hover, #register_box a:focus {
-color: #dfdfdf !important ;
-text-decoration: none !important ;
-}
-
-#logout_box a:hover, #logout_box a:focus {
-color: red !important ;
-text-decoration: none !important ;
-}
-
-#menu_accessibility {
-  background: #fff url("../images/black_white_12px.png") repeat-x !important ; 
-  font-size: 10px !important ;
-  color: black !important ;
-  font-family: Sans-serif !important ;
-  color: #545454 !important ;
-}
-
-#menu_accessibility a {
-  color: #545454 !important ;
-  text-decoration: none !important ;
-}
-
-#menu_accessibility a:hover {
-  color: #000000 !important ;
-  text-decoration: underline !important ;
-}
-
-#menu_accessibility a:focus {
-  color: red !important ;
-  text-decoration: underline !important ;
-}
-
-ul.tree {
-  padding-left: 20px;
-}
-
-ul.tree li {
-  list-style: none;
-  padding: 2px;
-}
-
-ul.tree li div.treeitem:hover {
-  background: #f0f0f0;
-}
-body {
-margin:0px;
-padding: 0px;
-}
-
-/* Core do Tango na Barra 
-* Azul Escuro - 204a87
-*/
-
+/* Geral Bar */
 #noosfero_bar {
   position: fixed;
-  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
-  top: -3px;
-  height: 35px;
-  margin-left: -3px;
-  margin-top: 3px;
-  margin-right: 3px;
   padding: 0px;
-  font-family: serif-Sans, Verdana, Arial;
-
-  z-index: 100;
+  height: 60px;
+  margin-top: -5px;
+  font-family: Verdana, Arial, Serif-sans;
+  z-index: 9999;
 }
-#noosfero_bar *:focus {
-  color: red !important;
-}
-  
+/* Menu Itens Accessibility */
+
 #accessibility_menu {
-  float: left;
+  float: right;
+  margin-right: 10px;
+  font-family: Verdana, Arial, Serif-sans;
   font-size: 10px;
-  padding: 1px;
   color: #dfdfdf;
 }
 #accessibility_menu a {
-  padding-left: 7px;
-  margin-left: 2px;
-  background: url("../images/icon_enter_mini.png") 0px 5px no-repeat;
+  padding-left: 9px;
+  margin-left: 5px;
+  background: url("../images/ico_enterlink.gif");
+  background-repeat: no-repeat;
+  background-position: 0px 6px;
   color: #dfdfdf;
   text-decoration: none;
 }
 #accessibility_menu a:hover {
-  color: #fff;
+  color: #ffffff;
+}
+
+/* Div Header */
+
+#user_options a {
+height: 35px !important ;
+color: #ffffff !important ;
+font-size: 10px !important ;
+font-family: Sans-serif !important ;
+font-weight: bold !important ;
+vertical-align: middle !important ;
+padding: 0px 5px 0px 5px !important ;
+text-decoration: underline !important ;
+}
+
+/* Itens Navigation Bar */
+
+#navigation_bar {
+  float: left;
+  padding: 0px !important;
+  margin: 0px !important;
+  height: 33px;
+  vertical-align: middle;
+  line-height: 33px;
 }
 #navigation_bar ul {
-  float: right;
-  margin: 7px;
-  padding: 0px;
-  right: 0px;
-  text-align: right;
-  top: 0px;
+  padding: 0px !important;
+  margin: 0px !important;
 }
 #navigation_bar ul li {
@@ -63,22 +71,124 @@ padding: 0px;
 #navigation_bar ul li a {
   padding-left: 5px;
   padding-right: 5px;
-  padding-top: -2px;
   padding-bottom: 3px;
   color: #fff;
   text-decoration: none;
 }
+#navigation_bar ul ul {
+margin: 0px;
+padding: 0px;
+width: 100%;
+left: 0px;
+position: absolute;
+margin-top: 33px;
+display: none;
+}
+
 #navigation_bar ul li ul {
   padding: 10px;
+  z-index: 999;
 }
 #navigation_bar ul li ul li {
  display: block;
- float: right;
+ display: inline;
  margin: 5px;
 }
+#search_box {
+display: block;
+position: absolute;
+right: 0px;
+top: 25px;
+margin-right: 10px;
+height: 20px;
+line-height: 20px;
+vertical-align: middle;
+}
+
+#input_search {
+border: 1px outset #545454;
+color: #545454;
+background-color: #dfdfdf;
+height: 20px;
+width: 130px;
+font-size: 12px;
+}
+
+#input_search:hover, #input_search:focus {
+border: 1px inset #dfdfdf;
+color: black;
+background-color: white;
+}
+
+#button_search {
+border: 1px outset #545454;
+background-color: #dfdfdf;
+color: #545454;
+height: 20px;
+font-size: 11px;
+}
+
+#button_search:hover, #button_search:focus {
+background-color: #ffffff;
+color: #545454;
+border: 1px inset #dfdfdf;
+}
+
+#content {
+margin-top: 55px;
+}
+
+
+/* Path Category */
+
+#path_category {
+  clear: both;
+  padding: 3px;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: left;
+  color: #fff;
+}
+
+/* Itens Colors Change */
+
+/* ITEM 0 */
+
+#noosfero_bar.category {
+  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
+}
+
+#wrap.category {
+border: 5px solid #204a87 !important;
+}
+
+#category a {
+  border: 1px outset #6692c4;
+  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x;
+}
+
+#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;
+}
+
+li#category.active a {
+  border: 1px inset #6692c4;
+  background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x;
+}
+
+li#category ul li a {
+  border: 1px outset #6692c4 !important;
+  background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important;
+}
+
+#category ul {
+  background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
+}
+
 /* ITEM 1 */
@@ -87,7 +197,7 @@ padding: 0px;
 }
 #wrap.category1 {
-border: 6px solid #204a87 !important;
+border: 5px solid #204a87 !important;
 }
 #category1 a {
@@ -122,7 +232,7 @@ li#category1 ul li a {
 }
 #wrap.category2 {
-border: 6px solid #a40000 !important;
+border: 5px solid #a40000 !important;
 }
 #category2 a {
@@ -152,7 +262,7 @@ li#category2.active a {
 }
 #wrap.category3 {
-border: 6px solid #204a87 !important;
+border: 5px solid #204a87 !important;
 }
 #category3 a {
@@ -179,7 +289,6 @@ li#category3 ul li a {
   background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
 }
-
 /* ITEM 4 red */
 #noosfero_bar.category4 {
@@ -209,51 +318,3 @@ li#category4.active a {
   background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x;
 }
-#navigation_bar ul ul {
-margin: 0px;
-padding: 0px;
-width: 100%;
-left: 0px;
-position: absolute;
-margin-top: 34px;
-display: none;
-}
-
-#search_box {
-display: none;
-clear: both;
-}
-
-#content {
-  margin-top: 60px;
-}
-
-#header {
-  clear: left;
-  padding: 3px;
-  text-align: left;
-  margin-left: -290px;
-}
-
-#header a {
-height: 35px !important ;
-color: #ffffff !important ;
-font-size: 10px !important ;
-font-family: Sans-serif !important ;
-font-weight: bold !important ;
-vertical-align: middle !important ;
-padding: 0px 5px 0px 5px !important ;
-text-decoration: underline !important ;
-}
-
-div#category {
-  font-size: 16px;
-  font-weight: bold;
-  background: #f0f0f0;
-  text-align: right;
-  margin-left: 3px;
-  margin-right: 3px;
-  margin-top: -3px;
-  padding: 2px;
-  margin-bottom: 1em;
-}
	@@ -20,8 +20,6 @@ a:hover img {		@@ -20,8 +20,6 @@ a:hover img {
20	border: 1px solid gray;	20	border: 1px solid gray;
21	}	21	}
22		22
23	-/* Bar Blue Default */
24	-
25	#environment_identification {	23	#environment_identification {
26	position: absolute !important;	24	position: absolute !important;
27	background: url("../images/bg_blue_logo.png") 5px no-repeat !important;	25	background: url("../images/bg_blue_logo.png") 5px no-repeat !important;
	@@ -36,52 +34,3 @@ padding-left: 60px !important ;		@@ -36,52 +34,3 @@ padding-left: 60px !important ;
36	color: #dfdfdf !important ;	34	color: #dfdfdf !important ;
37	}	35	}
38		36
39	-#user_links, #login_box {
40	-margin-left: 290px !important ;
41	-}
42	-
43	-#user_links a:hover, #user_links a:focus, #login_box a:hover, #login_box a:focus, #register_box a:hover, #register_box a:focus {
44	-color: #dfdfdf !important ;
45	-text-decoration: none !important ;
46	-}
47	-
48	-#logout_box a:hover, #logout_box a:focus {
49	-color: red !important ;
50	-text-decoration: none !important ;
51	-}
52	-
53	-#menu_accessibility {
54	- background: #fff url("../images/black_white_12px.png") repeat-x !important ;
55	- font-size: 10px !important ;
56	- color: black !important ;
57	- font-family: Sans-serif !important ;
58	- color: #545454 !important ;
59	-}
60	-
61	-#menu_accessibility a {
62	- color: #545454 !important ;
63	- text-decoration: none !important ;
64	-}
65	-
66	-#menu_accessibility a:hover {
67	- color: #000000 !important ;
68	- text-decoration: underline !important ;
69	-}
70	-
71	-#menu_accessibility a:focus {
72	- color: red !important ;
73	- text-decoration: underline !important ;
74	-}
75	-
76	-ul.tree {
77	- padding-left: 20px;
78	-}
79	-
80	-ul.tree li {
81	- list-style: none;
82	- padding: 2px;
83	-}
84	-
85	-ul.tree li div.treeitem:hover {
86	- background: #f0f0f0;
87	-}