##// END OF EJS Templates
removed menu.css and rails.css (content merged into application.css)...
Jean-Philippe Lang -
r108:676fe403abf2
parent child
Show More
@@ -1,145 +1,143
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 <head>
3 <head>
4 <title><%= $RDM_HEADER_TITLE + (@html_title ? ": #{@html_title}" : "") %></title>
4 <title><%= $RDM_HEADER_TITLE + (@html_title ? ": #{@html_title}" : "") %></title>
5 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6 <meta name="description" content="redMine" />
6 <meta name="description" content="redMine" />
7 <meta name="keywords" content="issue,bug,tracker" />
7 <meta name="keywords" content="issue,bug,tracker" />
8 <%= stylesheet_link_tag "application" %>
8 <%= stylesheet_link_tag "application" %>
9 <%= stylesheet_link_tag "menu" %>
10 <%= stylesheet_link_tag "rails" %>
11 <%= stylesheet_link_tag "print", :media => "print" %>
9 <%= stylesheet_link_tag "print", :media => "print" %>
12 <%= javascript_include_tag :defaults %>
10 <%= javascript_include_tag :defaults %>
13 <%= javascript_include_tag 'menu' %>
11 <%= javascript_include_tag 'menu' %>
14 <%= javascript_include_tag 'calendar/calendar' %>
12 <%= javascript_include_tag 'calendar/calendar' %>
15 <%= javascript_include_tag "calendar/lang/calendar-#{current_language}.js" %>
13 <%= javascript_include_tag "calendar/lang/calendar-#{current_language}.js" %>
16 <%= javascript_include_tag 'calendar/calendar-setup' %>
14 <%= javascript_include_tag 'calendar/calendar-setup' %>
17 <%= stylesheet_link_tag 'calendar' %>
15 <%= stylesheet_link_tag 'calendar' %>
18 <%= stylesheet_link_tag 'jstoolbar' %>
16 <%= stylesheet_link_tag 'jstoolbar' %>
19 </head>
17 </head>
20
18
21 <body>
19 <body>
22 <div id="container" >
20 <div id="container" >
23
21
24 <div id="header">
22 <div id="header">
25 <div style="float: left;">
23 <div style="float: left;">
26 <h1><%= $RDM_HEADER_TITLE %></h1>
24 <h1><%= $RDM_HEADER_TITLE %></h1>
27 <h2><%= $RDM_HEADER_SUBTITLE %></h2>
25 <h2><%= $RDM_HEADER_SUBTITLE %></h2>
28 </div>
26 </div>
29 <div style="float: right; padding-right: 1em; padding-top: 0.2em;">
27 <div style="float: right; padding-right: 1em; padding-top: 0.2em;">
30 <% if loggedin? %><small><%=l(:label_logged_as)%> <b><%= @logged_in_user.login %></b></small><% end %>
28 <% if loggedin? %><small><%=l(:label_logged_as)%> <b><%= @logged_in_user.login %></b></small><% end %>
31 </div>
29 </div>
32 </div>
30 </div>
33
31
34 <div id="navigation">
32 <div id="navigation">
35 <ul>
33 <ul>
36 <li class="selected"><%= link_to l(:label_home), { :controller => '' }, :class => "picHome" %></li>
34 <li class="selected"><%= link_to l(:label_home), { :controller => '' }, :class => "picHome" %></li>
37 <li><%= link_to l(:label_my_page), { :controller => 'my', :action => 'page'}, :class => "picUserPage" %></li>
35 <li><%= link_to l(:label_my_page), { :controller => 'my', :action => 'page'}, :class => "picUserPage" %></li>
38 <li><%= link_to l(:label_project_plural), { :controller => 'projects' }, :class => "picProject" %></li>
36 <li><%= link_to l(:label_project_plural), { :controller => 'projects' }, :class => "picProject" %></li>
39
37
40 <% unless @project.nil? || @project.id.nil? %>
38 <% unless @project.nil? || @project.id.nil? %>
41 <li><%= link_to @project.name, { :controller => 'projects', :action => 'show', :id => @project }, :class => "picProject", :onmouseover => "buttonMouseover(event, 'menuProject');" %></li>
39 <li><%= link_to @project.name, { :controller => 'projects', :action => 'show', :id => @project }, :class => "picProject", :onmouseover => "buttonMouseover(event, 'menuProject');" %></li>
42 <% end %>
40 <% end %>
43
41
44 <% if loggedin? %>
42 <% if loggedin? %>
45 <li><%= link_to l(:label_my_account), { :controller => 'my', :action => 'account' }, :class => "picUser" %></li>
43 <li><%= link_to l(:label_my_account), { :controller => 'my', :action => 'account' }, :class => "picUser" %></li>
46 <% end %>
44 <% end %>
47
45
48 <% if admin_loggedin? %>
46 <% if admin_loggedin? %>
49 <li><%= link_to l(:label_administration), { :controller => 'admin' }, :class => "picAdmin", :onmouseover => "buttonMouseover(event, 'menuAdmin');" %></li>
47 <li><%= link_to l(:label_administration), { :controller => 'admin' }, :class => "picAdmin", :onmouseover => "buttonMouseover(event, 'menuAdmin');" %></li>
50 <% end %>
48 <% end %>
51
49
52 <li class="right"><%= link_to l(:label_help), { :controller => 'help', :ctrl => @params[:controller], :page => @params[:action] }, :target => "new", :class => "picHelp" %></li>
50 <li class="right"><%= link_to l(:label_help), { :controller => 'help', :ctrl => @params[:controller], :page => @params[:action] }, :target => "new", :class => "picHelp" %></li>
53
51
54 <% if loggedin? %>
52 <% if loggedin? %>
55 <li class="right"><%= link_to l(:label_logout), { :controller => 'account', :action => 'logout' }, :class => "picUser" %></li>
53 <li class="right"><%= link_to l(:label_logout), { :controller => 'account', :action => 'logout' }, :class => "picUser" %></li>
56 <% else %>
54 <% else %>
57 <li class="right"><%= link_to l(:label_login), { :controller => 'account', :action => 'login' }, :class => "picUser" %></li>
55 <li class="right"><%= link_to l(:label_login), { :controller => 'account', :action => 'login' }, :class => "picUser" %></li>
58 <% end %>
56 <% end %>
59 </ul>
57 </ul>
60 </div>
58 </div>
61
59
62 <% if admin_loggedin? %>
60 <% if admin_loggedin? %>
63 <div id="menuAdmin" class="menu" onmouseover="menuMouseover(event)">
61 <div id="menuAdmin" class="menu" onmouseover="menuMouseover(event)">
64 <a class="menuItem" href="/admin/projects" onmouseover="menuItemMouseover(event,'menuProjects');"><span class="menuItemText"><%=l(:label_project_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
62 <a class="menuItem" href="/admin/projects" onmouseover="menuItemMouseover(event,'menuProjects');"><span class="menuItemText"><%=l(:label_project_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
65 <a class="menuItem" href="/users" onmouseover="menuItemMouseover(event,'menuUsers');"><span class="menuItemText"><%=l(:label_user_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
63 <a class="menuItem" href="/users" onmouseover="menuItemMouseover(event,'menuUsers');"><span class="menuItemText"><%=l(:label_user_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
66 <a class="menuItem" href="/roles"><%=l(:label_role_and_permissions)%></a>
64 <a class="menuItem" href="/roles"><%=l(:label_role_and_permissions)%></a>
67 <a class="menuItem" href="/trackers" onmouseover="menuItemMouseover(event,'menuTrackers');"><span class="menuItemText"><%=l(:label_tracker_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
65 <a class="menuItem" href="/trackers" onmouseover="menuItemMouseover(event,'menuTrackers');"><span class="menuItemText"><%=l(:label_tracker_plural)%></span><span class="menuItemArrow">&#9654;</span></a>
68 <a class="menuItem" href="/custom_fields"><%=l(:label_custom_field_plural)%></a>
66 <a class="menuItem" href="/custom_fields"><%=l(:label_custom_field_plural)%></a>
69 <a class="menuItem" href="/enumerations"><%=l(:label_enumerations)%></a>
67 <a class="menuItem" href="/enumerations"><%=l(:label_enumerations)%></a>
70 <a class="menuItem" href="/admin/mail_options"><%=l(:field_mail_notification)%></a>
68 <a class="menuItem" href="/admin/mail_options"><%=l(:field_mail_notification)%></a>
71 <a class="menuItem" href="/auth_sources"><%=l(:label_authentication)%></a>
69 <a class="menuItem" href="/auth_sources"><%=l(:label_authentication)%></a>
72 <a class="menuItem" href="/admin/info"><%=l(:label_information_plural)%></a>
70 <a class="menuItem" href="/admin/info"><%=l(:label_information_plural)%></a>
73 </div>
71 </div>
74 <div id="menuTrackers" class="menu">
72 <div id="menuTrackers" class="menu">
75 <a class="menuItem" href="/issue_statuses"><%=l(:label_issue_status_plural)%></a>
73 <a class="menuItem" href="/issue_statuses"><%=l(:label_issue_status_plural)%></a>
76 <a class="menuItem" href="/roles/workflow"><%=l(:label_workflow)%></a>
74 <a class="menuItem" href="/roles/workflow"><%=l(:label_workflow)%></a>
77 </div>
75 </div>
78 <div id="menuProjects" class="menu"><a class="menuItem" href="/projects/add"><%=l(:label_new)%></a></div>
76 <div id="menuProjects" class="menu"><a class="menuItem" href="/projects/add"><%=l(:label_new)%></a></div>
79 <div id="menuUsers" class="menu"><a class="menuItem" href="/users/add"><%=l(:label_new)%></a></div>
77 <div id="menuUsers" class="menu"><a class="menuItem" href="/users/add"><%=l(:label_new)%></a></div>
80 <% end %>
78 <% end %>
81
79
82 <% unless @project.nil? || @project.id.nil? %>
80 <% unless @project.nil? || @project.id.nil? %>
83 <div id="menuProject" class="menu" onmouseover="menuMouseover(event)">
81 <div id="menuProject" class="menu" onmouseover="menuMouseover(event)">
84 <%= link_to l(:label_calendar), {:controller => 'projects', :action => 'calendar', :id => @project }, :class => "menuItem" %>
82 <%= link_to l(:label_calendar), {:controller => 'projects', :action => 'calendar', :id => @project }, :class => "menuItem" %>
85 <%= link_to l(:label_gantt), {:controller => 'projects', :action => 'gantt', :id => @project }, :class => "menuItem" %>
83 <%= link_to l(:label_gantt), {:controller => 'projects', :action => 'gantt', :id => @project }, :class => "menuItem" %>
86 <%= link_to l(:label_issue_plural), {:controller => 'projects', :action => 'list_issues', :id => @project }, :class => "menuItem" %>
84 <%= link_to l(:label_issue_plural), {:controller => 'projects', :action => 'list_issues', :id => @project }, :class => "menuItem" %>
87 <%= link_to l(:label_report_plural), {:controller => 'reports', :action => 'issue_report', :id => @project }, :class => "menuItem" %>
85 <%= link_to l(:label_report_plural), {:controller => 'reports', :action => 'issue_report', :id => @project }, :class => "menuItem" %>
88 <%= link_to l(:label_activity), {:controller => 'projects', :action => 'activity', :id => @project }, :class => "menuItem" %>
86 <%= link_to l(:label_activity), {:controller => 'projects', :action => 'activity', :id => @project }, :class => "menuItem" %>
89 <%= link_to l(:label_news_plural), {:controller => 'projects', :action => 'list_news', :id => @project }, :class => "menuItem" %>
87 <%= link_to l(:label_news_plural), {:controller => 'projects', :action => 'list_news', :id => @project }, :class => "menuItem" %>
90 <%= link_to l(:label_change_log), {:controller => 'projects', :action => 'changelog', :id => @project }, :class => "menuItem" %>
88 <%= link_to l(:label_change_log), {:controller => 'projects', :action => 'changelog', :id => @project }, :class => "menuItem" %>
91 <%= link_to l(:label_document_plural), {:controller => 'projects', :action => 'list_documents', :id => @project }, :class => "menuItem" %>
89 <%= link_to l(:label_document_plural), {:controller => 'projects', :action => 'list_documents', :id => @project }, :class => "menuItem" %>
92 <%= link_to l(:label_member_plural), {:controller => 'projects', :action => 'list_members', :id => @project }, :class => "menuItem" %>
90 <%= link_to l(:label_member_plural), {:controller => 'projects', :action => 'list_members', :id => @project }, :class => "menuItem" %>
93 <%= link_to l(:label_attachment_plural), {:controller => 'projects', :action => 'list_files', :id => @project }, :class => "menuItem" %>
91 <%= link_to l(:label_attachment_plural), {:controller => 'projects', :action => 'list_files', :id => @project }, :class => "menuItem" %>
94 <%= link_to l(:label_repository), {:controller => 'repositories', :action => 'show', :id => @project}, :class => "menuItem" if @project.repository and !@project.repository.new_record? %>
92 <%= link_to l(:label_repository), {:controller => 'repositories', :action => 'show', :id => @project}, :class => "menuItem" if @project.repository and !@project.repository.new_record? %>
95 <%= link_to_if_authorized l(:label_settings), {:controller => 'projects', :action => 'settings', :id => @project }, :class => "menuItem" %>
93 <%= link_to_if_authorized l(:label_settings), {:controller => 'projects', :action => 'settings', :id => @project }, :class => "menuItem" %>
96 </div>
94 </div>
97 <% end %>
95 <% end %>
98
96
99
97
100 <div id="subcontent">
98 <div id="subcontent">
101
99
102 <% unless @project.nil? || @project.id.nil? %>
100 <% unless @project.nil? || @project.id.nil? %>
103 <h2><%= @project.name %></h2>
101 <h2><%= @project.name %></h2>
104 <ul class="menublock">
102 <ul class="menublock">
105 <li><%= link_to l(:label_overview), :controller => 'projects', :action => 'show', :id => @project %></li>
103 <li><%= link_to l(:label_overview), :controller => 'projects', :action => 'show', :id => @project %></li>
106 <li><%= link_to l(:label_calendar), :controller => 'projects', :action => 'calendar', :id => @project %></li>
104 <li><%= link_to l(:label_calendar), :controller => 'projects', :action => 'calendar', :id => @project %></li>
107 <li><%= link_to l(:label_gantt), :controller => 'projects', :action => 'gantt', :id => @project %></li>
105 <li><%= link_to l(:label_gantt), :controller => 'projects', :action => 'gantt', :id => @project %></li>
108 <li><%= link_to l(:label_issue_plural), :controller => 'projects', :action => 'list_issues', :id => @project %></li>
106 <li><%= link_to l(:label_issue_plural), :controller => 'projects', :action => 'list_issues', :id => @project %></li>
109 <li><%= link_to l(:label_report_plural), :controller => 'reports', :action => 'issue_report', :id => @project %></li>
107 <li><%= link_to l(:label_report_plural), :controller => 'reports', :action => 'issue_report', :id => @project %></li>
110 <li><%= link_to l(:label_activity), :controller => 'projects', :action => 'activity', :id => @project %></li>
108 <li><%= link_to l(:label_activity), :controller => 'projects', :action => 'activity', :id => @project %></li>
111 <li><%= link_to l(:label_news_plural), :controller => 'projects', :action => 'list_news', :id => @project %></li>
109 <li><%= link_to l(:label_news_plural), :controller => 'projects', :action => 'list_news', :id => @project %></li>
112 <li><%= link_to l(:label_change_log), :controller => 'projects', :action => 'changelog', :id => @project %></li>
110 <li><%= link_to l(:label_change_log), :controller => 'projects', :action => 'changelog', :id => @project %></li>
113 <li><%= link_to l(:label_document_plural), :controller => 'projects', :action => 'list_documents', :id => @project %></li>
111 <li><%= link_to l(:label_document_plural), :controller => 'projects', :action => 'list_documents', :id => @project %></li>
114 <li><%= link_to l(:label_member_plural), :controller => 'projects', :action => 'list_members', :id => @project %></li>
112 <li><%= link_to l(:label_member_plural), :controller => 'projects', :action => 'list_members', :id => @project %></li>
115 <li><%= link_to l(:label_attachment_plural), :controller => 'projects', :action => 'list_files', :id => @project %></li>
113 <li><%= link_to l(:label_attachment_plural), :controller => 'projects', :action => 'list_files', :id => @project %></li>
116 <li><%= link_to l(:label_repository), :controller => 'repositories', :action => 'show', :id => @project if @project.repository and !@project.repository.new_record? %></li>
114 <li><%= link_to l(:label_repository), :controller => 'repositories', :action => 'show', :id => @project if @project.repository and !@project.repository.new_record? %></li>
117 <li><%= link_to_if_authorized l(:label_settings), :controller => 'projects', :action => 'settings', :id => @project %></li>
115 <li><%= link_to_if_authorized l(:label_settings), :controller => 'projects', :action => 'settings', :id => @project %></li>
118 </ul>
116 </ul>
119 <% end %>
117 <% end %>
120
118
121 <% if loggedin? and @logged_in_user.memberships.length > 0 %>
119 <% if loggedin? and @logged_in_user.memberships.length > 0 %>
122 <h2><%=l(:label_my_projects) %></h2>
120 <h2><%=l(:label_my_projects) %></h2>
123 <ul class="menublock">
121 <ul class="menublock">
124 <% for membership in @logged_in_user.memberships %>
122 <% for membership in @logged_in_user.memberships %>
125 <li><%= link_to membership.project.name, :controller => 'projects', :action => 'show', :id => membership.project %></li>
123 <li><%= link_to membership.project.name, :controller => 'projects', :action => 'show', :id => membership.project %></li>
126 <% end %>
124 <% end %>
127 </ul>
125 </ul>
128 <% end %>
126 <% end %>
129 </div>
127 </div>
130
128
131 <div id="content">
129 <div id="content">
132 <% if flash[:notice] %><p style="color: green"><%= flash[:notice] %></p><% end %>
130 <% if flash[:notice] %><p style="color: green"><%= flash[:notice] %></p><% end %>
133 <%= @content_for_layout %>
131 <%= @content_for_layout %>
134 </div>
132 </div>
135
133
136 <div id="footer">
134 <div id="footer">
137 <p>
135 <p>
138 <%= auto_link $RDM_FOOTER_SIG %> |
136 <%= auto_link $RDM_FOOTER_SIG %> |
139 <a href="http://redmine.rubyforge.org/" target="_new"><%= RDM_APP_NAME %></a> <%= RDM_APP_VERSION %>
137 <a href="http://redmine.rubyforge.org/" target="_new"><%= RDM_APP_NAME %></a> <%= RDM_APP_VERSION %>
140 </p>
138 </p>
141 </div>
139 </div>
142
140
143 </div>
141 </div>
144 </body>
142 </body>
145 </html> No newline at end of file
143 </html>
@@ -1,441 +1,511
1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
1 /* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
2 /* Edited by Jean-Philippe Lang *>
2 /* Edited by Jean-Philippe Lang *>
3 /**************** Body and tag styles ****************/
3 /**************** Body and tag styles ****************/
4
4
5
5
6 #header * {margin:0; padding:0;}
6 #header * {margin:0; padding:0;}
7 p, ul, ol, li {margin:0; padding:0;}
7 p, ul, ol, li {margin:0; padding:0;}
8
8
9
9
10 body{
10 body{
11 font:76% Verdana,Tahoma,Arial,sans-serif;
11 font:76% Verdana,Tahoma,Arial,sans-serif;
12 line-height:1.4em;
12 line-height:1.4em;
13 text-align:center;
13 text-align:center;
14 color:#303030;
14 color:#303030;
15 background:#e8eaec;
15 background:#e8eaec;
16 margin:0;
16 margin:0;
17 }
17 }
18
18
19
19
20 a{
20 a{
21 color:#467aa7;
21 color:#467aa7;
22 font-weight:bold;
22 font-weight:bold;
23 text-decoration:none;
23 text-decoration:none;
24 background-color:inherit;
24 background-color:inherit;
25 }
25 }
26
26
27 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
27 a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
28 a img{border:none;}
28 a img{border:none;}
29
29
30 p{padding:0 0 1em 0;}
30 p{padding:0 0 1em 0;}
31 p form{margin-top:0; margin-bottom:20px;}
31 p form{margin-top:0; margin-bottom:20px;}
32
32
33 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
33 img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
34 img.left{float:left; margin:0 12px 5px 0;}
34 img.left{float:left; margin:0 12px 5px 0;}
35 img.center{display:block; margin:0 auto 5px auto;}
35 img.center{display:block; margin:0 auto 5px auto;}
36 img.right{float:right; margin:0 0 5px 12px;}
36 img.right{float:right; margin:0 0 5px 12px;}
37
37
38 /**************** Header and navigation styles ****************/
38 /**************** Header and navigation styles ****************/
39
39
40 #container{
40 #container{
41 width:100%;
41 width:100%;
42 min-width: 800px;
42 min-width: 800px;
43 margin:0;
43 margin:0;
44 padding:0;
44 padding:0;
45 text-align:left;
45 text-align:left;
46 background:#ffffff;
46 background:#ffffff;
47 color:#303030;
47 color:#303030;
48 }
48 }
49
49
50 #header{
50 #header{
51 height:4.5em;
51 height:4.5em;
52 margin:0;
52 margin:0;
53 background:#467aa7;
53 background:#467aa7;
54 color:#ffffff;
54 color:#ffffff;
55 margin-bottom:1px;
55 margin-bottom:1px;
56 }
56 }
57
57
58 #header h1{
58 #header h1{
59 padding:10px 0 0 20px;
59 padding:10px 0 0 20px;
60 font-size:2em;
60 font-size:2em;
61 background-color:inherit;
61 background-color:inherit;
62 color:#fff;
62 color:#fff;
63 letter-spacing:-1px;
63 letter-spacing:-1px;
64 font-weight:bold;
64 font-weight:bold;
65 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
65 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
66 }
66 }
67
67
68 #header h2{
68 #header h2{
69 margin:3px 0 0 40px;
69 margin:3px 0 0 40px;
70 font-size:1.5em;
70 font-size:1.5em;
71 background-color:inherit;
71 background-color:inherit;
72 color:#f0f2f4;
72 color:#f0f2f4;
73 letter-spacing:-1px;
73 letter-spacing:-1px;
74 font-weight:normal;
74 font-weight:normal;
75 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
75 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
76 }
76 }
77
77
78 #navigation{
78 #navigation{
79 height:2.2em;
79 height:2.2em;
80 line-height:2.2em;
80 line-height:2.2em;
81 margin:0;
81 margin:0;
82 background:#578bb8;
82 background:#578bb8;
83 color:#ffffff;
83 color:#ffffff;
84 }
84 }
85
85
86 #navigation li{
86 #navigation li{
87 float:left;
87 float:left;
88 list-style-type:none;
88 list-style-type:none;
89 border-right:1px solid #ffffff;
89 border-right:1px solid #ffffff;
90 white-space:nowrap;
90 white-space:nowrap;
91 }
91 }
92
92
93 #navigation li.right {
93 #navigation li.right {
94 float:right;
94 float:right;
95 list-style-type:none;
95 list-style-type:none;
96 border-right:0;
96 border-right:0;
97 border-left:1px solid #ffffff;
97 border-left:1px solid #ffffff;
98 white-space:nowrap;
98 white-space:nowrap;
99 }
99 }
100
100
101 #navigation li a{
101 #navigation li a{
102 display:block;
102 display:block;
103 padding:0px 10px 0px 22px;
103 padding:0px 10px 0px 22px;
104 font-size:0.8em;
104 font-size:0.8em;
105 font-weight:normal;
105 font-weight:normal;
106 text-decoration:none;
106 text-decoration:none;
107 background-color:inherit;
107 background-color:inherit;
108 color: #ffffff;
108 color: #ffffff;
109 }
109 }
110
110
111 * html #navigation a {width:1%;}
111 * html #navigation a {width:1%;}
112
112
113 #navigation .selected,#navigation a:hover{
113 #navigation .selected,#navigation a:hover{
114 color:#ffffff;
114 color:#ffffff;
115 text-decoration:none;
115 text-decoration:none;
116 background-color: #80b0da;
116 background-color: #80b0da;
117 }
117 }
118
118
119 /**************** Icons links *******************/
119 /**************** Icons links *******************/
120 .picHome { background: url(../images/home.png) no-repeat 4px 50%; }
120 .picHome { background: url(../images/home.png) no-repeat 4px 50%; }
121 .picUser { background: url(../images/user.png) no-repeat 4px 50%; }
121 .picUser { background: url(../images/user.png) no-repeat 4px 50%; }
122 .picUserPage { background: url(../images/user_page.png) no-repeat 4px 50%; }
122 .picUserPage { background: url(../images/user_page.png) no-repeat 4px 50%; }
123 .picAdmin { background: url(../images/admin.png) no-repeat 4px 50%; }
123 .picAdmin { background: url(../images/admin.png) no-repeat 4px 50%; }
124 .picProject { background: url(../images/projects.png) no-repeat 4px 50%; }
124 .picProject { background: url(../images/projects.png) no-repeat 4px 50%; }
125 .picLogout { background: url(../images/logout.png) no-repeat 4px 50%; }
125 .picLogout { background: url(../images/logout.png) no-repeat 4px 50%; }
126 .picHelp { background: url(../images/help.png) no-repeat 4px 50%; }
126 .picHelp { background: url(../images/help.png) no-repeat 4px 50%; }
127
127
128 .picEdit { background: url(../images/edit.png) no-repeat 4px 50%; }
128 .picEdit { background: url(../images/edit.png) no-repeat 4px 50%; }
129 .picDelete { background: url(../images/delete.png) no-repeat 4px 50%; }
129 .picDelete { background: url(../images/delete.png) no-repeat 4px 50%; }
130 .picAdd { background: url(../images/add.png) no-repeat 4px 50%; }
130 .picAdd { background: url(../images/add.png) no-repeat 4px 50%; }
131 .picMove { background: url(../images/move.png) no-repeat 4px 50%; }
131 .picMove { background: url(../images/move.png) no-repeat 4px 50%; }
132 .picCheck { background: url(../images/check.png) no-repeat 4px 70%; }
132 .picCheck { background: url(../images/check.png) no-repeat 4px 70%; }
133 .picPdf { background: url(../images/pdf.png) no-repeat 4px 50%;}
133 .picPdf { background: url(../images/pdf.png) no-repeat 4px 50%;}
134 .picCsv { background: url(../images/csv.png) no-repeat 4px 50%;}
134 .picCsv { background: url(../images/csv.png) no-repeat 4px 50%;}
135
135
136 .pic { padding-left: 18px; margin-left: 3px; }
136 .pic { padding-left: 18px; margin-left: 3px; }
137
137
138 .icon {
138 .icon {
139 background-position: 0% 40%;
139 background-position: 0% 40%;
140 background-repeat: no-repeat;
140 background-repeat: no-repeat;
141 padding-left: 20px;
141 padding-left: 20px;
142 }
142 }
143
143
144 .folder { background-image: url(../images/folder.png); }
144 .folder { background-image: url(../images/folder.png); }
145 .file { background-image: url(../images/file.png); }
145 .file { background-image: url(../images/file.png); }
146
146
147 /**************** Content styles ****************/
147 /**************** Content styles ****************/
148
148
149 html>body #content {
149 html>body #content {
150 height: auto;
150 height: auto;
151 min-height: 500px;
151 min-height: 500px;
152 }
152 }
153
153
154 #content{
154 #content{
155 width: auto;
155 width: auto;
156 height:500px;
156 height:500px;
157 font-size:0.9em;
157 font-size:0.9em;
158 padding:20px 10px 10px 20px;
158 padding:20px 10px 10px 20px;
159 margin-left: 120px;
159 margin-left: 120px;
160 border-left: 1px dashed #c0c0c0;
160 border-left: 1px dashed #c0c0c0;
161
161
162 }
162 }
163
163
164 #content h2{
164 #content h2{
165 display:block;
165 display:block;
166 margin:0 0 16px 0;
166 margin:0 0 16px 0;
167 font-size:1.7em;
167 font-size:1.7em;
168 font-weight:normal;
168 font-weight:normal;
169 letter-spacing:-1px;
169 letter-spacing:-1px;
170 color:#606060;
170 color:#606060;
171 background-color:inherit;
171 background-color:inherit;
172 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
172 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
173 }
173 }
174
174
175 #content h2 a{font-weight:normal;}
175 #content h2 a{font-weight:normal;}
176 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
176 #content h3{margin:0 0 12px 0; font-size:1.4em;color:#707070;font-family: Trebuchet MS,Georgia,"Times New Roman",serif;}
177 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
177 #content h4{font-size: 1em; margin-bottom: 12px; margin-top: 20px; font-weight: normal; border-bottom: dotted 1px #c0c0c0;}
178 #content a:hover,#subcontent a:hover{text-decoration:underline;}
178 #content a:hover,#subcontent a:hover{text-decoration:underline;}
179 #content ul,#content ol{margin:0 5px 16px 35px;}
179 #content ul,#content ol{margin:0 5px 16px 35px;}
180 #content dl{margin:0 5px 10px 25px;}
180 #content dl{margin:0 5px 10px 25px;}
181 #content dt{font-weight:bold; margin-bottom:5px;}
181 #content dt{font-weight:bold; margin-bottom:5px;}
182 #content dd{margin:0 0 10px 15px;}
182 #content dd{margin:0 0 10px 15px;}
183
183
184
184
185 /***********************************************/
185 /***********************************************/
186
186
187 form {
187 form {
188 display: inline;
188 display: inline;
189 }
189 }
190
190
191 blockquote {
191 blockquote {
192 padding-left: 6px;
192 padding-left: 6px;
193 border-left: 2px solid #ccc;
193 border-left: 2px solid #ccc;
194 }
194 }
195
195
196 input, select {
196 input, select {
197 vertical-align: middle;
197 vertical-align: middle;
198 }
198 }
199
199
200 input.button-small
200 input.button-small
201 {
201 {
202 font-size: 0.8em;
202 font-size: 0.8em;
203 }
203 }
204
204
205 .select-small
205 .select-small
206 {
206 {
207 font-size: 0.8em;
207 font-size: 0.8em;
208 }
208 }
209
209
210 label {
210 label {
211 font-weight: bold;
211 font-weight: bold;
212 font-size: 1em;
212 font-size: 1em;
213 }
213 }
214
214
215 fieldset {
215 fieldset {
216 border:1px solid #c0c0c0;
216 border:1px solid #c0c0c0;
217 padding: 6px;
217 padding: 6px;
218 }
218 }
219
219
220 legend {
220 legend {
221 color: #505050;
221 color: #505050;
222
222
223 }
223 }
224
224
225 .required {
225 .required {
226 color: #bb0000;
226 color: #bb0000;
227 }
227 }
228
228
229 .odd {
229 .odd {
230 background-color:#f6f7f8;
230 background-color:#f6f7f8;
231 }
231 }
232 .even {
232 .even {
233 background-color: #fff;
233 background-color: #fff;
234 }
234 }
235
235
236 hr { border:none; border-bottom: dotted 1px #c0c0c0; }
236 hr { border:none; border-bottom: dotted 1px #c0c0c0; }
237
237
238 div.square {
238 div.square {
239 border: 1px solid #999;
239 border: 1px solid #999;
240 float: left;
240 float: left;
241 margin: .4em .5em 0 0;
241 margin: .4em .5em 0 0;
242 overflow: hidden;
242 overflow: hidden;
243 width: .6em; height: .6em;
243 width: .6em; height: .6em;
244 }
244 }
245
245
246 table p {
246 table p {
247 margin:0;
247 margin:0;
248 padding:0;
248 padding:0;
249 }
249 }
250
250
251 /********** Table used to display lists of things ***********/
251 /********** Table used to display lists of things ***********/
252
252
253 table.list {
253 table.list {
254 width:100%;
254 width:100%;
255 border-collapse: collapse;
255 border-collapse: collapse;
256 border: 1px dotted #d0d0d0;
256 border: 1px dotted #d0d0d0;
257 margin-bottom: 6px;
257 margin-bottom: 6px;
258 }
258 }
259
259
260 table.with-cells td {
260 table.with-cells td {
261 border: 1px solid #d7d7d7;
261 border: 1px solid #d7d7d7;
262 }
262 }
263
263
264 table.list thead th {
264 table.list thead th {
265 text-align: center;
265 text-align: center;
266 background: #eee;
266 background: #eee;
267 border: 1px solid #d7d7d7;
267 border: 1px solid #d7d7d7;
268 }
268 }
269
269
270 table.list tbody th {
270 table.list tbody th {
271 font-weight: normal;
271 font-weight: normal;
272 background: #eed;
272 background: #eed;
273 border: 1px solid #d7d7d7;
273 border: 1px solid #d7d7d7;
274 }
274 }
275
275
276 /********** Validation error messages *************/
277 #errorExplanation {
278 width: 400px;
279 border: 0;
280 padding: 7px;
281 padding-bottom: 3px;
282 margin-bottom: 0px;
283 }
284
285 #errorExplanation h2 {
286 text-align: left;
287 font-weight: bold;
288 padding: 5px 5px 10px 26px;
289 font-size: 1em;
290 margin: -7px;
291 background: url(../images/alert.png) no-repeat 6px 6px;
292 }
293
294 #errorExplanation p {
295 color: #333;
296 margin-bottom: 0;
297 padding: 5px;
298 }
299
300 #errorExplanation ul li {
301 font-size: 1em;
302 list-style: none;
303 margin-left: -16px;
304 }
305
306 /*========== Drop down menu ==============*/
307 div.menu {
308 background-color: #FFFFFF;
309 border-style: solid;
310 border-width: 1px;
311 border-color: #7F9DB9;
312 position: absolute;
313 top: 0px;
314 left: 0px;
315 padding: 0;
316 visibility: hidden;
317 z-index: 101;
318 }
319
320 div.menu a.menuItem {
321 font-size: 10px;
322 font-weight: normal;
323 line-height: 2em;
324 color: #000000;
325 background-color: #FFFFFF;
326 cursor: default;
327 display: block;
328 padding: 0 1em;
329 margin: 0;
330 border: 0;
331 text-decoration: none;
332 white-space: nowrap;
333 }
334
335 div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
336 background-color: #80b0da;
337 color: #ffffff;
338 }
339
340 div.menu a.menuItem span.menuItemText {}
341
342 div.menu a.menuItem span.menuItemArrow {
343 margin-right: -.75em;
344 }
345
276 /**************** Sidebar styles ****************/
346 /**************** Sidebar styles ****************/
277
347
278 #subcontent{
348 #subcontent{
279 position: absolute;
349 position: absolute;
280 left: 0px;
350 left: 0px;
281 width:110px;
351 width:110px;
282 padding:20px 20px 10px 5px;
352 padding:20px 20px 10px 5px;
283 }
353 }
284
354
285 #subcontent h2{
355 #subcontent h2{
286 display:block;
356 display:block;
287 margin:0 0 5px 0;
357 margin:0 0 5px 0;
288 font-size:1.0em;
358 font-size:1.0em;
289 font-weight:bold;
359 font-weight:bold;
290 text-align:left;
360 text-align:left;
291 color:#606060;
361 color:#606060;
292 background-color:inherit;
362 background-color:inherit;
293 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
363 font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
294 }
364 }
295
365
296 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
366 #subcontent p{margin:0 0 16px 0; font-size:0.9em;}
297
367
298 /**************** Menublock styles ****************/
368 /**************** Menublock styles ****************/
299
369
300 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
370 .menublock{margin:0 0 20px 8px; font-size:0.8em;}
301 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
371 .menublock li{list-style:none; display:block; padding:1px; margin-bottom:0px;}
302 .menublock li a{font-weight:bold; text-decoration:none;}
372 .menublock li a{font-weight:bold; text-decoration:none;}
303 .menublock li a:hover{text-decoration:none;}
373 .menublock li a:hover{text-decoration:none;}
304 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
374 .menublock li ul{margin:0; font-size:1em; font-weight:normal;}
305 .menublock li ul li{margin-bottom:0;}
375 .menublock li ul li{margin-bottom:0;}
306 .menublock li ul a{font-weight:normal;}
376 .menublock li ul a{font-weight:normal;}
307
377
308 /**************** Footer styles ****************/
378 /**************** Footer styles ****************/
309
379
310 #footer{
380 #footer{
311 clear:both;
381 clear:both;
312 padding:5px 0;
382 padding:5px 0;
313 margin:0;
383 margin:0;
314 font-size:0.9em;
384 font-size:0.9em;
315 color:#f0f0f0;
385 color:#f0f0f0;
316 background:#467aa7;
386 background:#467aa7;
317 }
387 }
318
388
319 #footer p{padding:0; margin:0; text-align:center;}
389 #footer p{padding:0; margin:0; text-align:center;}
320 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
390 #footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
321 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
391 #footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
322
392
323 /**************** Misc classes and styles ****************/
393 /**************** Misc classes and styles ****************/
324
394
325 .splitcontentleft{float:left; width:49%;}
395 .splitcontentleft{float:left; width:49%;}
326 .splitcontentright{float:right; width:49%;}
396 .splitcontentright{float:right; width:49%;}
327 .clear{clear:both;}
397 .clear{clear:both;}
328 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
398 .small{font-size:0.8em;line-height:1.4em;padding:0 0 0 0;}
329 .hide{display:none;}
399 .hide{display:none;}
330 .textcenter{text-align:center;}
400 .textcenter{text-align:center;}
331 .textright{text-align:right;}
401 .textright{text-align:right;}
332 .important{color:#f02025; background-color:inherit; font-weight:bold;}
402 .important{color:#f02025; background-color:inherit; font-weight:bold;}
333
403
334 .box{
404 .box{
335 margin:0 0 20px 0;
405 margin:0 0 20px 0;
336 padding:10px;
406 padding:10px;
337 border:1px solid #c0c0c0;
407 border:1px solid #c0c0c0;
338 background-color:#fafbfc;
408 background-color:#fafbfc;
339 color:#505050;
409 color:#505050;
340 line-height:1.5em;
410 line-height:1.5em;
341 }
411 }
342
412
343 a.close-icon {
413 a.close-icon {
344 display:block;
414 display:block;
345 margin-top:3px;
415 margin-top:3px;
346 overflow:hidden;
416 overflow:hidden;
347 width:12px;
417 width:12px;
348 height:12px;
418 height:12px;
349 background-repeat: no-repeat;
419 background-repeat: no-repeat;
350 cursor:pointer;
420 cursor:pointer;
351 background-image:url('../images/close.png');
421 background-image:url('../images/close.png');
352 }
422 }
353
423
354 a.close-icon:hover {
424 a.close-icon:hover {
355 background-image:url('../images/close_hl.png');
425 background-image:url('../images/close_hl.png');
356 }
426 }
357
427
358 .rightbox{
428 .rightbox{
359 background: #fafbfc;
429 background: #fafbfc;
360 border: 1px solid #c0c0c0;
430 border: 1px solid #c0c0c0;
361 float: right;
431 float: right;
362 padding: 8px;
432 padding: 8px;
363 position: relative;
433 position: relative;
364 margin: 0 5px 5px;
434 margin: 0 5px 5px;
365 }
435 }
366
436
367 .layout-active {
437 .layout-active {
368 background: #ECF3E1;
438 background: #ECF3E1;
369 }
439 }
370
440
371 .block-receiver {
441 .block-receiver {
372 border:1px dashed #c0c0c0;
442 border:1px dashed #c0c0c0;
373 margin-bottom: 20px;
443 margin-bottom: 20px;
374 padding: 15px 0 15px 0;
444 padding: 15px 0 15px 0;
375 }
445 }
376
446
377 .mypage-box {
447 .mypage-box {
378 margin:0 0 20px 0;
448 margin:0 0 20px 0;
379 color:#505050;
449 color:#505050;
380 line-height:1.5em;
450 line-height:1.5em;
381 }
451 }
382
452
383 .handle {
453 .handle {
384 cursor: move;
454 cursor: move;
385 }
455 }
386
456
387 .login {
457 .login {
388 width: 50%;
458 width: 50%;
389 text-align: left;
459 text-align: left;
390 }
460 }
391
461
392 img.calendar-trigger {
462 img.calendar-trigger {
393 cursor: pointer;
463 cursor: pointer;
394 vertical-align: middle;
464 vertical-align: middle;
395 margin-left: 4px;
465 margin-left: 4px;
396 }
466 }
397
467
398 #history p {
468 #history p {
399 margin-left: 34px;
469 margin-left: 34px;
400 }
470 }
401
471
402 /***** Contextual links div *****/
472 /***** Contextual links div *****/
403 .contextual {
473 .contextual {
404 float: right;
474 float: right;
405 font-size: 0.8em;
475 font-size: 0.8em;
406 }
476 }
407
477
408 .contextual select, .contextual input {
478 .contextual select, .contextual input {
409 font-size: 1em;
479 font-size: 1em;
410 }
480 }
411
481
412
482
413 /***** CSS FORM ******/
483 /***** CSS FORM ******/
414 .tabular p{
484 .tabular p{
415 margin: 0;
485 margin: 0;
416 padding: 5px 0 8px 0;
486 padding: 5px 0 8px 0;
417 padding-left: 180px; /*width of left column containing the label elements*/
487 padding-left: 180px; /*width of left column containing the label elements*/
418 height: 1%;
488 height: 1%;
419 }
489 }
420
490
421 .tabular label{
491 .tabular label{
422 font-weight: bold;
492 font-weight: bold;
423 float: left;
493 float: left;
424 margin-left: -180px; /*width of left column*/
494 margin-left: -180px; /*width of left column*/
425 width: 175px; /*width of labels. Should be smaller than left column to create some right
495 width: 175px; /*width of labels. Should be smaller than left column to create some right
426 margin*/
496 margin*/
427 }
497 }
428
498
429 .error {
499 .error {
430 color: #cc0000;
500 color: #cc0000;
431 }
501 }
432
502
433
503
434 /*.threepxfix class below:
504 /*.threepxfix class below:
435 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
505 Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
436 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
506 to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
437 */
507 */
438
508
439 * html .threepxfix{
509 * html .threepxfix{
440 margin-left: 3px;
510 margin-left: 3px;
441 } No newline at end of file
511 }
1 NO CONTENT: file was removed
NO CONTENT: file was removed
1 NO CONTENT: file was removed
NO CONTENT: file was removed
General Comments 0
You need to be logged in to leave comments. Login now