Download as
Browse Code »

Commit 5d72e8fca70fbae01d5f6d3eee699bd5d760e8ff

Authored by ValessioBrito
1 parent b683b3e4
Exists in master and in 29 other branches add_member_task_reject_details, admin_visible_profile, article-list-template, community_notifications, contact_admin_translation, event_fixes, fix_comments_pagination, fix_rails4_organization_ratings, fix_sign_up_form, follow_step_fix, forum_topic_creation, mirror_block_improvements, multi_env_on_remote_user, new_security, noosfero_spb_ci, organization_ratings_improvements, organization_ratings_link_to_profile_stable-spb-1.3, organization_ratings_translations_fix, profile_api_improvements, ratings_minor_fixes, remote_user_fix, send_email_to_admins, stable-spb-1.3, stable-spb-1.3-fixes, stable-spb-1.4, stable-spb-1.5, suggest_rejected_value, web_steps_improvements, xss_terminate_custom_options

ActionItem110: CSS Noosfero Bar 



git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@697 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing 3 changed files with 149 additions and 139 deletions   Show diff stats
public/stylesheets/blue_bar.css
View file @b683b3e
public/stylesheets/common.css
  Diff comments   View file @5d72e8f
... ... @@ -20,8 +20,6 @@ a:hover img {
20 20 border: 1px solid gray;
21 21 }
22 22  
23   -/* Bar Blue Default */
24   -
25 23 #environment_identification {
26 24 position: absolute !important;
27 25 background: url("../images/bg_blue_logo.png") 5px no-repeat !important;
... ... @@ -36,52 +34,3 @@ padding-left: 60px !important ;
36 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   -}
... ...
public/stylesheets/menu.css
  Diff comments   View file @5d72e8f
1   -body {
2   -margin:0px;
3   -padding: 0px;
4   -}
5   -
6   -/* Core do Tango na Barra
7   -* Azul Escuro - 204a87
8   -*/
9   -
  1 +/* Geral Bar */
10 2 #noosfero_bar {
11 3 position: fixed;
12   - background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
13   - top: -3px;
14   - height: 35px;
15   - margin-left: -3px;
16   - margin-top: 3px;
17   - margin-right: 3px;
18 4 padding: 0px;
19   - font-family: serif-Sans, Verdana, Arial;
20   -
21   - z-index: 100;
  5 + height: 60px;
  6 + margin-top: -5px;
  7 + font-family: Verdana, Arial, Serif-sans;
  8 + z-index: 9999;
22 9 }
23 10  
24   -#noosfero_bar *:focus {
25   - color: red !important;
26   -}
27   -
  11 +/* Menu Itens Accessibility */
  12 +
28 13 #accessibility_menu {
29   - float: left;
  14 + float: right;
  15 + margin-right: 10px;
  16 + font-family: Verdana, Arial, Serif-sans;
30 17 font-size: 10px;
31   - padding: 1px;
32 18 color: #dfdfdf;
33 19 }
34 20  
35 21 #accessibility_menu a {
36   - padding-left: 7px;
37   - margin-left: 2px;
38   - background: url("../images/icon_enter_mini.png") 0px 5px no-repeat;
  22 + padding-left: 9px;
  23 + margin-left: 5px;
  24 + background: url("../images/ico_enterlink.gif");
  25 + background-repeat: no-repeat;
  26 + background-position: 0px 6px;
39 27 color: #dfdfdf;
40 28 text-decoration: none;
41 29 }
42 30  
43 31 #accessibility_menu a:hover {
44   - color: #fff;
  32 + color: #ffffff;
  33 +}
  34 +
  35 +/* Div Header */
  36 +
  37 +#user_options a {
  38 +height: 35px !important ;
  39 +color: #ffffff !important ;
  40 +font-size: 10px !important ;
  41 +font-family: Sans-serif !important ;
  42 +font-weight: bold !important ;
  43 +vertical-align: middle !important ;
  44 +padding: 0px 5px 0px 5px !important ;
  45 +text-decoration: underline !important ;
  46 +}
  47 +
  48 +/* Itens Navigation Bar */
  49 +
  50 +#navigation_bar {
  51 + float: left;
  52 + padding: 0px !important;
  53 + margin: 0px !important;
  54 + height: 33px;
  55 + vertical-align: middle;
  56 + line-height: 33px;
45 57 }
46 58  
47 59 #navigation_bar ul {
48   - float: right;
49   - margin: 7px;
50   - padding: 0px;
51   - right: 0px;
52   - text-align: right;
53   - top: 0px;
  60 + padding: 0px !important;
  61 + margin: 0px !important;
54 62 }
55 63  
56 64 #navigation_bar ul li {
... ... @@ -63,22 +71,124 @@ padding: 0px;
63 71 #navigation_bar ul li a {
64 72 padding-left: 5px;
65 73 padding-right: 5px;
66   - padding-top: -2px;
67 74 padding-bottom: 3px;
68 75 color: #fff;
69 76 text-decoration: none;
70 77 }
71 78  
  79 +#navigation_bar ul ul {
  80 +margin: 0px;
  81 +padding: 0px;
  82 +width: 100%;
  83 +left: 0px;
  84 +position: absolute;
  85 +margin-top: 33px;
  86 +display: none;
  87 +}
  88 +
72 89 #navigation_bar ul li ul {
73 90 padding: 10px;
  91 + z-index: 999;
74 92 }
75 93  
76 94 #navigation_bar ul li ul li {
77 95 display: block;
78   - float: right;
  96 + display: inline;
79 97 margin: 5px;
80 98 }
81 99  
  100 +#search_box {
  101 +display: block;
  102 +position: absolute;
  103 +right: 0px;
  104 +top: 25px;
  105 +margin-right: 10px;
  106 +height: 20px;
  107 +line-height: 20px;
  108 +vertical-align: middle;
  109 +}
  110 +
  111 +#input_search {
  112 +border: 1px outset #545454;
  113 +color: #545454;
  114 +background-color: #dfdfdf;
  115 +height: 20px;
  116 +width: 130px;
  117 +font-size: 12px;
  118 +}
  119 +
  120 +#input_search:hover, #input_search:focus {
  121 +border: 1px inset #dfdfdf;
  122 +color: black;
  123 +background-color: white;
  124 +}
  125 +
  126 +#button_search {
  127 +border: 1px outset #545454;
  128 +background-color: #dfdfdf;
  129 +color: #545454;
  130 +height: 20px;
  131 +font-size: 11px;
  132 +}
  133 +
  134 +#button_search:hover, #button_search:focus {
  135 +background-color: #ffffff;
  136 +color: #545454;
  137 +border: 1px inset #dfdfdf;
  138 +}
  139 +
  140 +#content {
  141 +margin-top: 55px;
  142 +}
  143 +
  144 +
  145 +/* Path Category */
  146 +
  147 +#path_category {
  148 + clear: both;
  149 + padding: 3px;
  150 + font-size: 12px;
  151 + font-weight: bold;
  152 + text-align: left;
  153 + color: #fff;
  154 +}
  155 +
  156 +/* Itens Colors Change */
  157 +
  158 +/* ITEM 0 */
  159 +
  160 +#noosfero_bar.category {
  161 + background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
  162 +}
  163 +
  164 +#wrap.category {
  165 +border: 5px solid #204a87 !important;
  166 +}
  167 +
  168 +#category a {
  169 + border: 1px outset #6692c4;
  170 + background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x;
  171 +}
  172 +
  173 +#category a:hover, li#category.active a:hover {
  174 + border: 1px inset #6692c4 !important;
  175 + background: #3b6096 url("../images/bg_item_bar_blue_on.png") repeat-x !important;
  176 +}
  177 +
  178 +li#category.active a {
  179 + border: 1px inset #6692c4;
  180 + background: #719ece url("../images/bg_item_bar_blue_active.png") repeat-x;
  181 +}
  182 +
  183 +li#category ul li a {
  184 + border: 1px outset #6692c4 !important;
  185 + background: #204a87 url("../images/bg_item_bar_blue_off.png") repeat-x !important;
  186 +}
  187 +
  188 +#category ul {
  189 + background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
  190 +}
  191 +
82 192  
83 193 /* ITEM 1 */
84 194  
... ... @@ -87,7 +197,7 @@ padding: 0px;
87 197 }
88 198  
89 199 #wrap.category1 {
90   -border: 6px solid #204a87 !important;
  200 +border: 5px solid #204a87 !important;
91 201 }
92 202  
93 203 #category1 a {
... ... @@ -122,7 +232,7 @@ li#category1 ul li a {
122 232 }
123 233  
124 234 #wrap.category2 {
125   -border: 6px solid #a40000 !important;
  235 +border: 5px solid #a40000 !important;
126 236 }
127 237  
128 238 #category2 a {
... ... @@ -152,7 +262,7 @@ li#category2.active a {
152 262 }
153 263  
154 264 #wrap.category3 {
155   -border: 6px solid #204a87 !important;
  265 +border: 5px solid #204a87 !important;
156 266 }
157 267  
158 268 #category3 a {
... ... @@ -179,7 +289,6 @@ li#category3 ul li a {
179 289 background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
180 290 }
181 291  
182   -
183 292 /* ITEM 4 red */
184 293  
185 294 #noosfero_bar.category4 {
... ... @@ -209,51 +318,3 @@ li#category4.active a {
209 318 background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x;
210 319 }
211 320  
212   -#navigation_bar ul ul {
213   -margin: 0px;
214   -padding: 0px;
215   -width: 100%;
216   -left: 0px;
217   -position: absolute;
218   -margin-top: 34px;
219   -display: none;
220   -}
221   -
222   -#search_box {
223   -display: none;
224   -clear: both;
225   -}
226   -
227   -#content {
228   - margin-top: 60px;
229   -}
230   -
231   -#header {
232   - clear: left;
233   - padding: 3px;
234   - text-align: left;
235   - margin-left: -290px;
236   -}
237   -
238   -#header a {
239   -height: 35px !important ;
240   -color: #ffffff !important ;
241   -font-size: 10px !important ;
242   -font-family: Sans-serif !important ;
243   -font-weight: bold !important ;
244   -vertical-align: middle !important ;
245   -padding: 0px 5px 0px 5px !important ;
246   -text-decoration: underline !important ;
247   -}
248   -
249   -div#category {
250   - font-size: 16px;
251   - font-weight: bold;
252   - background: #f0f0f0;
253   - text-align: right;
254   - margin-left: 3px;
255   - margin-right: 3px;
256   - margin-top: -3px;
257   - padding: 2px;
258   - margin-bottom: 1em;
259   -}
... ...