@@ -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">▶</span></a> |
|
62 | <a class="menuItem" href="/admin/projects" onmouseover="menuItemMouseover(event,'menuProjects');"><span class="menuItemText"><%=l(:label_project_plural)%></span><span class="menuItemArrow">▶</span></a> | |
65 | <a class="menuItem" href="/users" onmouseover="menuItemMouseover(event,'menuUsers');"><span class="menuItemText"><%=l(:label_user_plural)%></span><span class="menuItemArrow">▶</span></a> |
|
63 | <a class="menuItem" href="/users" onmouseover="menuItemMouseover(event,'menuUsers');"><span class="menuItemText"><%=l(:label_user_plural)%></span><span class="menuItemArrow">▶</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">▶</span></a> |
|
65 | <a class="menuItem" href="/trackers" onmouseover="menuItemMouseover(event,'menuTrackers');"><span class="menuItemText"><%=l(:label_tracker_plural)%></span><span class="menuItemArrow">▶</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