Download as
Browse Code »

Commit 5d72e8fca70fbae01d5f6d3eee699bd5d760e8ff

Authored by ValessioBrito
1 parent b683b3e4
Exists in master and in 22 other branches angular_poc, api-article-archived, article-readonly, backup-7-jan-2016, captcha_serpro_plugin, content-manager-hostspot, export-comment-paragraph, fix_event_date_issue, login-captcha, master_rails3, new_video_plugin, pg_search_rank, production, refactor_with_role, refactor_with_role_scope, remove_profile_cat_icons, resend_confirmation_email, staging, staging_rails3, tasks_keep_filter_params, theme-brasil-digital-from-staging, travis

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,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 -}  
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 #noosfero_bar { 2 #noosfero_bar {
11 position: fixed; 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 padding: 0px; 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 #accessibility_menu { 13 #accessibility_menu {
29 - float: left; 14 + float: right;
  15 + margin-right: 10px;
  16 + font-family: Verdana, Arial, Serif-sans;
30 font-size: 10px; 17 font-size: 10px;
31 - padding: 1px;  
32 color: #dfdfdf; 18 color: #dfdfdf;
33 } 19 }
34 20
35 #accessibility_menu a { 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 color: #dfdfdf; 27 color: #dfdfdf;
40 text-decoration: none; 28 text-decoration: none;
41 } 29 }
42 30
43 #accessibility_menu a:hover { 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 #navigation_bar ul { 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 #navigation_bar ul li { 64 #navigation_bar ul li {
@@ -63,22 +71,124 @@ padding: 0px; @@ -63,22 +71,124 @@ padding: 0px;
63 #navigation_bar ul li a { 71 #navigation_bar ul li a {
64 padding-left: 5px; 72 padding-left: 5px;
65 padding-right: 5px; 73 padding-right: 5px;
66 - padding-top: -2px;  
67 padding-bottom: 3px; 74 padding-bottom: 3px;
68 color: #fff; 75 color: #fff;
69 text-decoration: none; 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 #navigation_bar ul li ul { 89 #navigation_bar ul li ul {
73 padding: 10px; 90 padding: 10px;
  91 + z-index: 999;
74 } 92 }
75 93
76 #navigation_bar ul li ul li { 94 #navigation_bar ul li ul li {
77 display: block; 95 display: block;
78 - float: right; 96 + display: inline;
79 margin: 5px; 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 /* ITEM 1 */ 193 /* ITEM 1 */
84 194
@@ -87,7 +197,7 @@ padding: 0px; @@ -87,7 +197,7 @@ padding: 0px;
87 } 197 }
88 198
89 #wrap.category1 { 199 #wrap.category1 {
90 -border: 6px solid #204a87 !important; 200 +border: 5px solid #204a87 !important;
91 } 201 }
92 202
93 #category1 a { 203 #category1 a {
@@ -122,7 +232,7 @@ li#category1 ul li a { @@ -122,7 +232,7 @@ li#category1 ul li a {
122 } 232 }
123 233
124 #wrap.category2 { 234 #wrap.category2 {
125 -border: 6px solid #a40000 !important; 235 +border: 5px solid #a40000 !important;
126 } 236 }
127 237
128 #category2 a { 238 #category2 a {
@@ -152,7 +262,7 @@ li#category2.active a { @@ -152,7 +262,7 @@ li#category2.active a {
152 } 262 }
153 263
154 #wrap.category3 { 264 #wrap.category3 {
155 -border: 6px solid #204a87 !important; 265 +border: 5px solid #204a87 !important;
156 } 266 }
157 267
158 #category3 a { 268 #category3 a {
@@ -179,7 +289,6 @@ li#category3 ul li a { @@ -179,7 +289,6 @@ li#category3 ul li a {
179 background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x; 289 background: #204a87 url("../images/bg_noosfero_bar.png") repeat-x;
180 } 290 }
181 291
182 -  
183 /* ITEM 4 red */ 292 /* ITEM 4 red */
184 293
185 #noosfero_bar.category4 { 294 #noosfero_bar.category4 {
@@ -209,51 +318,3 @@ li#category4.active a { @@ -209,51 +318,3 @@ li#category4.active a {
209 background: #a40000 url("../images/bg_noosfero_bar_red.png") repeat-x; 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 -}