##// END OF EJS Templates
jro_apps » redmine
RSS
Replaces the login table with a div....
Jean-Philippe Lang -
r15213:8ea17100f1bd
parent child
Show More
Side by Side Unified
Context file:
r15213:8ea17100f1bd Loading diff...:
Show file before | Show file after | Hide comments
@@ -1,47 +1,35
1 <%= call_hook :view_account_login_top %>
1 <%= call_hook :view_account_login_top %>
2
2 <div id="login-form">
3 <div id="login-form">
3 <%= form_tag(signin_path, onsubmit: 'return keepAnchorOnSignIn(this);') do %>
4 <%= form_tag(signin_path, onsubmit: 'return keepAnchorOnSignIn(this);') do %>
4 <%= back_url_hidden_field_tag %>
5 <%= back_url_hidden_field_tag %>
5 <table>
6
6 <tr>
7 <label for="username"><%=l(:field_login)%></label>
7 <td style="text-align:right;"><label for="username"><%=l(:field_login)%>:</label></td>
8 <%= text_field_tag 'username', params[:username], :tabindex => '1' %>
8 <td style="text-align:left;"><%= text_field_tag 'username', params[:username], :tabindex => '1' %></td>
9
9 </tr>
10 <label for="password">
10 <tr>
11 <%=l(:field_password)%>
11 <td style="text-align:right;"><label for="password"><%=l(:field_password)%>:</label></td>
12 <%= link_to l(:label_password_lost), lost_password_path, :class => "lost_password" if Setting.lost_password? %>
12 <td style="text-align:left;"><%= password_field_tag 'password', nil, :tabindex => '2' %></td>
13 </label>
13 </tr>
14 <%= password_field_tag 'password', nil, :tabindex => '2' %>
14 <% if Setting.openid? %>
15
15 <tr>
16 <% if Setting.openid? %>
16 <td style="text-align:right;"><label for="openid_url"><%=l(:field_identity_url)%></label></td>
17 <label for="openid_url"><%=l(:field_identity_url)%></label>
17 <td style="text-align:left;"><%= text_field_tag "openid_url", nil, :tabindex => '3' %></td>
18 <%= text_field_tag "openid_url", nil, :tabindex => '3' %>
18 </tr>
19 <% end %>
19 <% end %>
20
20 <tr>
21 <% if Setting.autologin? %>
21 <td></td>
22 <label for="autologin"><%= check_box_tag 'autologin', 1, false, :tabindex => 4 %> <%= l(:label_stay_logged_in) %></label>
22 <td style="text-align:left;">
23 <% end %>
23 <% if Setting.autologin? %>
24
24 <label for="autologin"><%= check_box_tag 'autologin', 1, false, :tabindex => 4 %> <%= l(:label_stay_logged_in) %></label>
25 <input type="submit" name="login" value="<%=l(:button_login)%>" tabindex="5" id="login-submit" />
25 <% end %>
26 <% end %>
26 </td>
27 </tr>
28 <tr>
29 <td style="text-align:left;">
30 <% if Setting.lost_password? %>
31 <%= link_to l(:label_password_lost), lost_password_path %>
32 <% end %>
33 </td>
34 <td style="text-align:right;">
35 <input type="submit" name="login" value="<%=l(:button_login)%> &#187;" tabindex="5"/>
36 </td>
37 </tr>
38 </table>
39 <% end %>
40 </div>
27 </div>
28
41 <%= call_hook :view_account_login_bottom %>
29 <%= call_hook :view_account_login_bottom %>
42
30
43 <% if params[:username].present? %>
31 <% if params[:username].present? %>
44 <%= javascript_tag "$('#password').focus();" %>
32 <%= javascript_tag "$('#password').focus();" %>
45 <% else %>
33 <% else %>
46 <%= javascript_tag "$('#username').focus();" %>
34 <%= javascript_tag "$('#username').focus();" %>
47 <% end %>
35 <% end %>
Show file before | Show file after | Hide comments
@@ -1,1386 +1,1388
1 html {overflow-y:scroll;}
1 html {overflow-y:scroll;}
2 body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }
2 body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }
3
3
4 h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
4 h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, sans-serif;padding: 2px 10px 1px 0px;margin: 0 0 10px 0;}
5 #content h1, h2, h3, h4 {color: #555;}
5 #content h1, h2, h3, h4 {color: #555;}
6 h2, .wiki h1 {font-size: 20px;}
6 h2, .wiki h1 {font-size: 20px;}
7 h3, .wiki h2 {font-size: 16px;}
7 h3, .wiki h2 {font-size: 16px;}
8 h4, .wiki h3 {font-size: 13px;}
8 h4, .wiki h3 {font-size: 13px;}
9 h4 {border-bottom: 1px dotted #bbb;}
9 h4 {border-bottom: 1px dotted #bbb;}
10 pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
10 pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
11
11
12 /***** Layout *****/
12 /***** Layout *****/
13 #wrapper {background: white;overflow: hidden;}
13 #wrapper {background: white;overflow: hidden;}
14
14
15 #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
15 #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
16 #top-menu ul {margin: 0; padding: 0;}
16 #top-menu ul {margin: 0; padding: 0;}
17 #top-menu li {
17 #top-menu li {
18 float:left;
18 float:left;
19 list-style-type:none;
19 list-style-type:none;
20 margin: 0px 0px 0px 0px;
20 margin: 0px 0px 0px 0px;
21 padding: 0px 0px 0px 0px;
21 padding: 0px 0px 0px 0px;
22 white-space:nowrap;
22 white-space:nowrap;
23 }
23 }
24 #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
24 #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
25 #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
25 #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
26
26
27 #account {float:right;}
27 #account {float:right;}
28
28
29 #header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
29 #header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
30 #header a {color:#f8f8f8;}
30 #header a {color:#f8f8f8;}
31 #header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
31 #header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
32 #header h1 .breadcrumbs { display:block; font-size: .6em; font-weight: normal; }
32 #header h1 .breadcrumbs { display:block; font-size: .6em; font-weight: normal; }
33 #quick-search {float:right;}
33 #quick-search {float:right;}
34
34
35 #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px; width: 100%;}
35 #main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px; width: 100%;}
36 #main-menu ul {margin: 0; padding: 0; width: 100%; white-space: nowrap;}
36 #main-menu ul {margin: 0; padding: 0; width: 100%; white-space: nowrap;}
37 #main-menu li {
37 #main-menu li {
38 float:none;
38 float:none;
39 list-style-type:none;
39 list-style-type:none;
40 margin: 0px 2px 0px 0px;
40 margin: 0px 2px 0px 0px;
41 padding: 0px 0px 0px 0px;
41 padding: 0px 0px 0px 0px;
42 white-space:nowrap;
42 white-space:nowrap;
43 display:inline-block;
43 display:inline-block;
44 }
44 }
45 #main-menu li a {
45 #main-menu li a {
46 display: block;
46 display: block;
47 color: #fff;
47 color: #fff;
48 text-decoration: none;
48 text-decoration: none;
49 font-weight: bold;
49 font-weight: bold;
50 margin: 0;
50 margin: 0;
51 padding: 4px 10px 4px 10px;
51 padding: 4px 10px 4px 10px;
52 }
52 }
53 #main-menu li a:hover {background:#759FCF; color:#fff;}
53 #main-menu li a:hover {background:#759FCF; color:#fff;}
54 #main-menu li:hover ul.menu-children, #main-menu li ul.menu-children.visible {display: block;}
54 #main-menu li:hover ul.menu-children, #main-menu li ul.menu-children.visible {display: block;}
55 #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
55 #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
56 #main-menu li a.new-object { background-color:#759FCF; }
56 #main-menu li a.new-object { background-color:#759FCF; }
57
57
58 #main-menu .menu-children {
58 #main-menu .menu-children {
59 display: none;
59 display: none;
60 position:absolute;
60 position:absolute;
61 width: inherit;
61 width: inherit;
62 z-index:1;
62 z-index:1;
63 background-color:#fff;
63 background-color:#fff;
64 border-right: 1px solid #759FCF;
64 border-right: 1px solid #759FCF;
65 border-bottom: 1px solid #759FCF;
65 border-bottom: 1px solid #759FCF;
66 border-left: 1px solid #759FCF;
66 border-left: 1px solid #759FCF;
67 }
67 }
68 #main-menu .menu-children li {float:left; clear:both; width:100%;}
68 #main-menu .menu-children li {float:left; clear:both; width:100%;}
69 #main-menu .menu-children li a {color: #555; background-color:#fff; font-weight:normal;}
69 #main-menu .menu-children li a {color: #555; background-color:#fff; font-weight:normal;}
70 #main-menu .menu-children li a:hover {color: #fff; background-color: #759FCF;}
70 #main-menu .menu-children li a:hover {color: #fff; background-color: #759FCF;}
71
71
72 #main-menu .tabs-buttons {
72 #main-menu .tabs-buttons {
73 right: 6px;
73 right: 6px;
74 background-color: transparent;
74 background-color: transparent;
75 border-bottom-color: transparent;
75 border-bottom-color: transparent;
76 }
76 }
77
77
78 #admin-menu ul {margin: 0; padding: 0;}
78 #admin-menu ul {margin: 0; padding: 0;}
79 #admin-menu li {margin: 0; padding: 0 0 6px 0; list-style-type:none;}
79 #admin-menu li {margin: 0; padding: 0 0 6px 0; list-style-type:none;}
80
80
81 #admin-menu a { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px;}
81 #admin-menu a { background-position: 0% 40%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px;}
82 #admin-menu a.projects { background-image: url(../images/projects.png); }
82 #admin-menu a.projects { background-image: url(../images/projects.png); }
83 #admin-menu a.users { background-image: url(../images/user.png); }
83 #admin-menu a.users { background-image: url(../images/user.png); }
84 #admin-menu a.groups { background-image: url(../images/group.png); }
84 #admin-menu a.groups { background-image: url(../images/group.png); }
85 #admin-menu a.roles { background-image: url(../images/database_key.png); }
85 #admin-menu a.roles { background-image: url(../images/database_key.png); }
86 #admin-menu a.trackers { background-image: url(../images/ticket.png); }
86 #admin-menu a.trackers { background-image: url(../images/ticket.png); }
87 #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
87 #admin-menu a.issue_statuses { background-image: url(../images/ticket_edit.png); }
88 #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
88 #admin-menu a.workflows { background-image: url(../images/ticket_go.png); }
89 #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
89 #admin-menu a.custom_fields { background-image: url(../images/textfield.png); }
90 #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
90 #admin-menu a.enumerations { background-image: url(../images/text_list_bullets.png); }
91 #admin-menu a.settings { background-image: url(../images/changeset.png); }
91 #admin-menu a.settings { background-image: url(../images/changeset.png); }
92 #admin-menu a.plugins { background-image: url(../images/plugin.png); }
92 #admin-menu a.plugins { background-image: url(../images/plugin.png); }
93 #admin-menu a.info { background-image: url(../images/help.png); }
93 #admin-menu a.info { background-image: url(../images/help.png); }
94 #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
94 #admin-menu a.server_authentication { background-image: url(../images/server_key.png); }
95
95
96 #main {background-color:#EEEEEE;}
96 #main {background-color:#EEEEEE;}
97
97
98 #sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
98 #sidebar{ float: right; width: 22%; position: relative; z-index: 9; padding: 0; margin: 0;}
99 * html #sidebar{ width: 22%; }
99 * html #sidebar{ width: 22%; }
100 #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
100 #sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }
101 #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
101 #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
102 * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
102 * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
103 #sidebar .contextual { margin-right: 1em; }
103 #sidebar .contextual { margin-right: 1em; }
104 #sidebar ul, ul.flat {margin: 0; padding: 0;}
104 #sidebar ul, ul.flat {margin: 0; padding: 0;}
105 #sidebar ul li, ul.flat li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
105 #sidebar ul li, ul.flat li {list-style-type:none;margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
106 #sidebar div.wiki ul {margin:inherit; padding-left:40px;}
106 #sidebar div.wiki ul {margin:inherit; padding-left:40px;}
107 #sidebar div.wiki ul li {list-style-type:inherit;}
107 #sidebar div.wiki ul li {list-style-type:inherit;}
108
108
109 #content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
109 #content { width: 75%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
110 * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
110 * html #content{ width: 75%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
111 html>body #content { min-height: 600px; }
111 html>body #content { min-height: 600px; }
112 * html body #content { height: 600px; } /* IE */
112 * html body #content { height: 600px; } /* IE */
113
113
114 #main.nosidebar #sidebar{ display: none; }
114 #main.nosidebar #sidebar{ display: none; }
115 #main.nosidebar #content{ width: auto; border-right: 0; }
115 #main.nosidebar #content{ width: auto; border-right: 0; }
116
116
117 #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
117 #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
118
118
119 #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
119 #login-form {margin:5em auto 2em auto; padding:20px; width:340px; border:1px solid #FDBF3B; background-color:#FFEBC1; border-radius:4px; box-sizing: border-box;}
120 #login-form table td {padding: 6px;}
120 #login-form label {display:block; margin-bottom:5px;}
121 #login-form label {font-weight: bold;}
121 #login-form input[type=text], #login-form input[type=password] {border:1px solid #ccc; border-radius:3px; margin-bottom:15px; padding:7px; display:block; width:100%; box-sizing: border-box;}
122 #login-form input#username, #login-form input#password { width: 300px; }
122 #login-form label {font-weight:bold;}
123 #login-form label[for=autologin] {font-weight:normal;}
124 #login-form a.lost_password {float:right; font-weight:normal;}
125 #login-form input#openid_url {background:#fff url(../images/openid-bg.gif) no-repeat 4px 50%; padding-left:24px !important;}
126 #login-form input#login-submit {margin-top:15px; padding:7px; display:block; width:100%; box-sizing: border-box;}
123
127
124 div.modal { border-radius:5px; background:#fff; z-index:50; padding:4px;}
128 div.modal { border-radius:5px; background:#fff; z-index:50; padding:4px;}
125 div.modal h3.title {display:none;}
129 div.modal h3.title {display:none;}
126 div.modal p.buttons {text-align:right; margin-bottom:0;}
130 div.modal p.buttons {text-align:right; margin-bottom:0;}
127 div.modal .box p {margin: 0.3em 0;}
131 div.modal .box p {margin: 0.3em 0;}
128
132
129 input#openid_url { background: url(../images/openid-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; padding-left: 18px; }
130
131 .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
133 .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
132
134
133 .mobile-show {display: none;}
135 .mobile-show {display: none;}
134
136
135 /***** Links *****/
137 /***** Links *****/
136 a, a:link, a:visited{ color: #169; text-decoration: none; }
138 a, a:link, a:visited{ color: #169; text-decoration: none; }
137 a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
139 a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
138 a img{ border: 0; }
140 a img{ border: 0; }
139
141
140 a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
142 a.issue.closed, a.issue.closed:link, a.issue.closed:visited { color: #999; text-decoration: line-through; }
141 a.project.closed, a.project.closed:link, a.project.closed:visited { color: #999; }
143 a.project.closed, a.project.closed:link, a.project.closed:visited { color: #999; }
142 a.user.locked, a.user.locked:link, a.user.locked:visited {color: #999;}
144 a.user.locked, a.user.locked:link, a.user.locked:visited {color: #999;}
143
145
144 #sidebar a.selected {line-height:1.7em; padding:1px 3px 2px 2px; margin-left:-2px; background-color:#9DB9D5; color:#fff; border-radius:2px;}
146 #sidebar a.selected {line-height:1.7em; padding:1px 3px 2px 2px; margin-left:-2px; background-color:#9DB9D5; color:#fff; border-radius:2px;}
145 #sidebar a.selected:hover {text-decoration:none;}
147 #sidebar a.selected:hover {text-decoration:none;}
146 #admin-menu a {line-height:1.7em;}
148 #admin-menu a {line-height:1.7em;}
147 #admin-menu a.selected {padding-left: 20px !important; background-position: 2px 40%;}
149 #admin-menu a.selected {padding-left: 20px !important; background-position: 2px 40%;}
148
150
149 a.collapsible {padding-left: 12px; background: url(../images/arrow_expanded.png) no-repeat -3px 40%;}
151 a.collapsible {padding-left: 12px; background: url(../images/arrow_expanded.png) no-repeat -3px 40%;}
150 a.collapsible.collapsed {background: url(../images/arrow_collapsed.png) no-repeat -5px 40%;}
152 a.collapsible.collapsed {background: url(../images/arrow_collapsed.png) no-repeat -5px 40%;}
151
153
152 a#toggle-completed-versions {color:#999;}
154 a#toggle-completed-versions {color:#999;}
153
155
154 a.toggle-checkboxes { margin-left: 5px; padding-left: 12px; background: url(../images/toggle_check.png) no-repeat 0% 50%; }
156 a.toggle-checkboxes { margin-left: 5px; padding-left: 12px; background: url(../images/toggle_check.png) no-repeat 0% 50%; }
155
157
156 /***** Tables *****/
158 /***** Tables *****/
157 table.list, .table-list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
159 table.list, .table-list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
158 table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
160 table.list th, .table-list-header { background-color:#EEEEEE; padding: 4px; white-space:nowrap; font-weight:bold; }
159 table.list td {text-align:center; vertical-align:top; padding-right:10px;}
161 table.list td {text-align:center; vertical-align:top; padding-right:10px;}
160 table.list td.id { width: 2%; text-align: center;}
162 table.list td.id { width: 2%; text-align: center;}
161 table.list td.name, table.list td.description, table.list td.subject, table.list td.comments, table.list td.roles {text-align: left;}
163 table.list td.name, table.list td.description, table.list td.subject, table.list td.comments, table.list td.roles {text-align: left;}
162 table.list td.tick {width:15%}
164 table.list td.tick {width:15%}
163 table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
165 table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
164 table.list td.checkbox input {padding:0px;}
166 table.list td.checkbox input {padding:0px;}
165 table.list td.buttons, div.buttons { width: 15%; white-space:nowrap; text-align: right; }
167 table.list td.buttons, div.buttons { width: 15%; white-space:nowrap; text-align: right; }
166 table.list td.buttons a, div.buttons a { margin-right: 0.6em; }
168 table.list td.buttons a, div.buttons a { margin-right: 0.6em; }
167 table.list td.buttons img, div.buttons img {vertical-align:middle;}
169 table.list td.buttons img, div.buttons img {vertical-align:middle;}
168 table.list td.reorder {width:15%; white-space:nowrap; text-align:center; }
170 table.list td.reorder {width:15%; white-space:nowrap; text-align:center; }
169 table.list table.progress td {padding-right:0px;}
171 table.list table.progress td {padding-right:0px;}
170 table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
172 table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }
171 #role-permissions-trackers table.list th {white-space:normal;}
173 #role-permissions-trackers table.list th {white-space:normal;}
172
174
173 .table-list-cell {display: table-cell; vertical-align: top; padding:2px; }
175 .table-list-cell {display: table-cell; vertical-align: top; padding:2px; }
174
176
175 tr.project td.name a { white-space:nowrap; }
177 tr.project td.name a { white-space:nowrap; }
176 tr.project.closed, tr.project.archived { color: #aaa; }
178 tr.project.closed, tr.project.archived { color: #aaa; }
177 tr.project.closed a, tr.project.archived a { color: #aaa; }
179 tr.project.closed a, tr.project.archived a { color: #aaa; }
178
180
179 tr.project.idnt td.name span {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
181 tr.project.idnt td.name span {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%; padding-left: 16px;}
180 tr.project.idnt-1 td.name {padding-left: 0.5em;}
182 tr.project.idnt-1 td.name {padding-left: 0.5em;}
181 tr.project.idnt-2 td.name {padding-left: 2em;}
183 tr.project.idnt-2 td.name {padding-left: 2em;}
182 tr.project.idnt-3 td.name {padding-left: 3.5em;}
184 tr.project.idnt-3 td.name {padding-left: 3.5em;}
183 tr.project.idnt-4 td.name {padding-left: 5em;}
185 tr.project.idnt-4 td.name {padding-left: 5em;}
184 tr.project.idnt-5 td.name {padding-left: 6.5em;}
186 tr.project.idnt-5 td.name {padding-left: 6.5em;}
185 tr.project.idnt-6 td.name {padding-left: 8em;}
187 tr.project.idnt-6 td.name {padding-left: 8em;}
186 tr.project.idnt-7 td.name {padding-left: 9.5em;}
188 tr.project.idnt-7 td.name {padding-left: 9.5em;}
187 tr.project.idnt-8 td.name {padding-left: 11em;}
189 tr.project.idnt-8 td.name {padding-left: 11em;}
188 tr.project.idnt-9 td.name {padding-left: 12.5em;}
190 tr.project.idnt-9 td.name {padding-left: 12.5em;}
189
191
190 tr.issue { text-align: center; white-space: nowrap; }
192 tr.issue { text-align: center; white-space: nowrap; }
191 tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.list, tr.issue td.relations, tr.issue td.parent { white-space: normal; }
193 tr.issue td.subject, tr.issue td.category, td.assigned_to, tr.issue td.string, tr.issue td.text, tr.issue td.list, tr.issue td.relations, tr.issue td.parent { white-space: normal; }
192 tr.issue td.relations { text-align: left; }
194 tr.issue td.relations { text-align: left; }
193 tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
195 tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
194 tr.issue td.relations span {white-space: nowrap;}
196 tr.issue td.relations span {white-space: nowrap;}
195 table.issues td.description {color:#777; font-size:90%; padding:4px 4px 4px 24px; text-align:left; white-space:normal;}
197 table.issues td.description {color:#777; font-size:90%; padding:4px 4px 4px 24px; text-align:left; white-space:normal;}
196 table.issues td.description pre {white-space:normal;}
198 table.issues td.description pre {white-space:normal;}
197
199
198 tr.issue.idnt td.subject {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%;}
200 tr.issue.idnt td.subject {background: url(../images/bullet_arrow_right.png) no-repeat 0 50%;}
199 tr.issue.idnt-1 td.subject {padding-left: 24px; background-position: 8px 50%;}
201 tr.issue.idnt-1 td.subject {padding-left: 24px; background-position: 8px 50%;}
200 tr.issue.idnt-2 td.subject {padding-left: 40px; background-position: 24px 50%;}
202 tr.issue.idnt-2 td.subject {padding-left: 40px; background-position: 24px 50%;}
201 tr.issue.idnt-3 td.subject {padding-left: 56px; background-position: 40px 50%;}
203 tr.issue.idnt-3 td.subject {padding-left: 56px; background-position: 40px 50%;}
202 tr.issue.idnt-4 td.subject {padding-left: 72px; background-position: 56px 50%;}
204 tr.issue.idnt-4 td.subject {padding-left: 72px; background-position: 56px 50%;}
203 tr.issue.idnt-5 td.subject {padding-left: 88px; background-position: 72px 50%;}
205 tr.issue.idnt-5 td.subject {padding-left: 88px; background-position: 72px 50%;}
204 tr.issue.idnt-6 td.subject {padding-left: 104px; background-position: 88px 50%;}
206 tr.issue.idnt-6 td.subject {padding-left: 104px; background-position: 88px 50%;}
205 tr.issue.idnt-7 td.subject {padding-left: 120px; background-position: 104px 50%;}
207 tr.issue.idnt-7 td.subject {padding-left: 120px; background-position: 104px 50%;}
206 tr.issue.idnt-8 td.subject {padding-left: 136px; background-position: 120px 50%;}
208 tr.issue.idnt-8 td.subject {padding-left: 136px; background-position: 120px 50%;}
207 tr.issue.idnt-9 td.subject {padding-left: 152px; background-position: 136px 50%;}
209 tr.issue.idnt-9 td.subject {padding-left: 152px; background-position: 136px 50%;}
208
210
209 table.issue-report {table-layout:fixed;}
211 table.issue-report {table-layout:fixed;}
210
212
211 tr.entry { border: 1px solid #f8f8f8; }
213 tr.entry { border: 1px solid #f8f8f8; }
212 tr.entry td { white-space: nowrap; }
214 tr.entry td { white-space: nowrap; }
213 tr.entry td.filename {width:30%; text-align:left;}
215 tr.entry td.filename {width:30%; text-align:left;}
214 tr.entry td.filename_no_report {width:70%; text-align:left;}
216 tr.entry td.filename_no_report {width:70%; text-align:left;}
215 tr.entry td.size { text-align: right; font-size: 90%; }
217 tr.entry td.size { text-align: right; font-size: 90%; }
216 tr.entry td.revision, tr.entry td.author { text-align: center; }
218 tr.entry td.revision, tr.entry td.author { text-align: center; }
217 tr.entry td.age { text-align: right; }
219 tr.entry td.age { text-align: right; }
218 tr.entry.file td.filename a { margin-left: 16px; }
220 tr.entry.file td.filename a { margin-left: 16px; }
219 tr.entry.file td.filename_no_report a { margin-left: 16px; }
221 tr.entry.file td.filename_no_report a { margin-left: 16px; }
220
222
221 tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
223 tr span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
222 tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
224 tr.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
223
225
224 tr.changeset { height: 20px }
226 tr.changeset { height: 20px }
225 tr.changeset ul, ol { margin-top: 0px; margin-bottom: 0px; }
227 tr.changeset ul, ol { margin-top: 0px; margin-bottom: 0px; }
226 tr.changeset td.revision_graph { width: 15%; background-color: #fffffb; }
228 tr.changeset td.revision_graph { width: 15%; background-color: #fffffb; }
227 tr.changeset td.author { text-align: center; width: 15%; white-space:nowrap;}
229 tr.changeset td.author { text-align: center; width: 15%; white-space:nowrap;}
228 tr.changeset td.committed_on { text-align: center; width: 15%; white-space:nowrap;}
230 tr.changeset td.committed_on { text-align: center; width: 15%; white-space:nowrap;}
229
231
230 table.files tbody th {text-align:left;}
232 table.files tbody th {text-align:left;}
231 table.files tr.file td.filename { text-align: left; padding-left: 24px; }
233 table.files tr.file td.filename { text-align: left; padding-left: 24px; }
232 table.files tr.file td.digest { font-size: 80%; }
234 table.files tr.file td.digest { font-size: 80%; }
233
235
234 table.members td.roles, table.memberships td.roles { width: 45%; }
236 table.members td.roles, table.memberships td.roles { width: 45%; }
235
237
236 tr.message { height: 2.6em; }
238 tr.message { height: 2.6em; }
237 tr.message td.subject { padding-left: 20px; }
239 tr.message td.subject { padding-left: 20px; }
238 tr.message td.created_on { white-space: nowrap; }
240 tr.message td.created_on { white-space: nowrap; }
239 tr.message td.last_message { font-size: 80%; white-space: nowrap; }
241 tr.message td.last_message { font-size: 80%; white-space: nowrap; }
240 tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
242 tr.message.locked td.subject { background: url(../images/locked.png) no-repeat 0 1px; }
241 tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
243 tr.message.sticky td.subject { background: url(../images/bullet_go.png) no-repeat 0 1px; font-weight: bold; }
242
244
243 tr.version.closed, tr.version.closed a { color: #999; }
245 tr.version.closed, tr.version.closed a { color: #999; }
244 tr.version td.name { padding-left: 20px; }
246 tr.version td.name { padding-left: 20px; }
245 tr.version.shared td.name { background: url(../images/link.png) no-repeat 0% 70%; }
247 tr.version.shared td.name { background: url(../images/link.png) no-repeat 0% 70%; }
246 tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
248 tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
247
249
248 tr.user td {width:13%;white-space: nowrap;}
250 tr.user td {width:13%;white-space: nowrap;}
249 td.username, td.firstname, td.lastname, td.email {text-align:left !important;}
251 td.username, td.firstname, td.lastname, td.email {text-align:left !important;}
250 tr.user td.email { width:18%; }
252 tr.user td.email { width:18%; }
251 tr.user.locked, tr.user.registered { color: #aaa; }
253 tr.user.locked, tr.user.registered { color: #aaa; }
252 tr.user.locked a, tr.user.registered a { color: #aaa; }
254 tr.user.locked a, tr.user.registered a { color: #aaa; }
253
255
254 table.permissions td.role {color:#999;font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
256 table.permissions td.role {color:#999;font-size:90%;font-weight:normal !important;text-align:center;vertical-align:bottom;}
255
257
256 tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align:center;}
258 tr.wiki-page-version td.updated_on, tr.wiki-page-version td.author {text-align:center;}
257
259
258 tr.time-entry { text-align: center; white-space: nowrap; }
260 tr.time-entry { text-align: center; white-space: nowrap; }
259 tr.time-entry td.issue, tr.time-entry td.comments, tr.time-entry td.subject, tr.time-entry td.activity { text-align: left; white-space: normal; }
261 tr.time-entry td.issue, tr.time-entry td.comments, tr.time-entry td.subject, tr.time-entry td.activity { text-align: left; white-space: normal; }
260 td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
262 td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
261 td.hours .hours-dec { font-size: 0.9em; }
263 td.hours .hours-dec { font-size: 0.9em; }
262
264
263 table.plugins td { vertical-align: middle; }
265 table.plugins td { vertical-align: middle; }
264 table.plugins td.configure { text-align: right; padding-right: 1em; }
266 table.plugins td.configure { text-align: right; padding-right: 1em; }
265 table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
267 table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
266 table.plugins span.description { display: block; font-size: 0.9em; }
268 table.plugins span.description { display: block; font-size: 0.9em; }
267 table.plugins span.url { display: block; font-size: 0.9em; }
269 table.plugins span.url { display: block; font-size: 0.9em; }
268
270
269 tr.group td { padding: 0.8em 0 0.5em 0.3em; border-bottom: 1px solid #ccc; text-align:left; }
271 tr.group td { padding: 0.8em 0 0.5em 0.3em; border-bottom: 1px solid #ccc; text-align:left; }
270 tr.group span.name {font-weight:bold;}
272 tr.group span.name {font-weight:bold;}
271 tr.group span.count {font-weight:bold; position:relative; top:-1px; color:#fff; font-size:10px; background:#9DB9D5; padding:0px 6px 1px 6px; border-radius:3px; margin-left:4px;}
273 tr.group span.count {font-weight:bold; position:relative; top:-1px; color:#fff; font-size:10px; background:#9DB9D5; padding:0px 6px 1px 6px; border-radius:3px; margin-left:4px;}
272 tr.group span.totals {color: #aaa; font-size: 80%;}
274 tr.group span.totals {color: #aaa; font-size: 80%;}
273 tr.group span.totals .value {font-weight:bold; color:#777;}
275 tr.group span.totals .value {font-weight:bold; color:#777;}
274 tr.group a.toggle-all { color: #aaa; font-size: 80%; display:none; float:right; margin-right:4px;}
276 tr.group a.toggle-all { color: #aaa; font-size: 80%; display:none; float:right; margin-right:4px;}
275 tr.group:hover a.toggle-all { display:inline;}
277 tr.group:hover a.toggle-all { display:inline;}
276 a.toggle-all:hover {text-decoration:none;}
278 a.toggle-all:hover {text-decoration:none;}
277
279
278 table.list tbody tr:hover { background-color:#ffffdd; }
280 table.list tbody tr:hover { background-color:#ffffdd; }
279 table.list tbody tr.group:hover { background-color:inherit; }
281 table.list tbody tr.group:hover { background-color:inherit; }
280 table td {padding:2px;}
282 table td {padding:2px;}
281 table p {margin:0;}
283 table p {margin:0;}
282 .odd {background-color:#f6f7f8;}
284 .odd {background-color:#f6f7f8;}
283 .even {background-color: #fff;}
285 .even {background-color: #fff;}
284
286
285 tr.builtin td.name {font-style:italic;}
287 tr.builtin td.name {font-style:italic;}
286
288
287 a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
289 a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
288 a.sort.asc { background-image: url(../images/sort_asc.png); }
290 a.sort.asc { background-image: url(../images/sort_asc.png); }
289 a.sort.desc { background-image: url(../images/sort_desc.png); }
291 a.sort.desc { background-image: url(../images/sort_desc.png); }
290
292
291 table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
293 table.boards a.board, h3.comments { background: url(../images/comment.png) no-repeat 0% 50%; padding-left: 20px; }
292 table.boards td.last-message {text-align:left;font-size:80%;}
294 table.boards td.last-message {text-align:left;font-size:80%;}
293
295
294 div.table-list.boards .table-list-cell.name {width: 30%;}
296 div.table-list.boards .table-list-cell.name {width: 30%;}
295
297
296 table.messages td.last_message {text-align:left;}
298 table.messages td.last_message {text-align:left;}
297
299
298 #query_form_content {font-size:90%;}
300 #query_form_content {font-size:90%;}
299
301
300 .query_sort_criteria_count {
302 .query_sort_criteria_count {
301 display: inline-block;
303 display: inline-block;
302 min-width: 1em;
304 min-width: 1em;
303 }
305 }
304
306
305 table.query-columns {
307 table.query-columns {
306 border-collapse: collapse;
308 border-collapse: collapse;
307 border: 0;
309 border: 0;
308 }
310 }
309
311
310 table.query-columns td.buttons {
312 table.query-columns td.buttons {
311 vertical-align: middle;
313 vertical-align: middle;
312 text-align: center;
314 text-align: center;
313 }
315 }
314 table.query-columns td.buttons input[type=button] {width:35px;}
316 table.query-columns td.buttons input[type=button] {width:35px;}
315 .query-totals {text-align:right; margin-top:-2.3em;}
317 .query-totals {text-align:right; margin-top:-2.3em;}
316 .query-totals>span {margin-left:0.6em;}
318 .query-totals>span {margin-left:0.6em;}
317 .query-totals .value {font-weight:bold;}
319 .query-totals .value {font-weight:bold;}
318
320
319 td.center {text-align:center;}
321 td.center {text-align:center;}
320
322
321 h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
323 h3.version { background: url(../images/package.png) no-repeat 0% 50%; padding-left: 20px; }
322
324
323 div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
325 div.issues h3 { background: url(../images/ticket.png) no-repeat 0% 50%; padding-left: 20px; }
324 div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
326 div.members h3 { background: url(../images/group.png) no-repeat 0% 50%; padding-left: 20px; }
325 div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
327 div.news h3 { background: url(../images/news.png) no-repeat 0% 50%; padding-left: 20px; }
326 div.projects h3 { background: url(../images/projects.png) no-repeat 0% 50%; padding-left: 20px; }
328 div.projects h3 { background: url(../images/projects.png) no-repeat 0% 50%; padding-left: 20px; }
327 div.spent_time h3 { background: url(../images/time.png) no-repeat 0% 50%; padding-left: 20px; }
329 div.spent_time h3 { background: url(../images/time.png) no-repeat 0% 50%; padding-left: 20px; }
328
330
329 #watchers select {width: 95%; display: block;}
331 #watchers select {width: 95%; display: block;}
330 #watchers a.delete {opacity: 0.4; margin-left: 5px;}
332 #watchers a.delete {opacity: 0.4; margin-left: 5px;}
331 #watchers a.delete:hover {opacity: 1;}
333 #watchers a.delete:hover {opacity: 1;}
332 #watchers img.gravatar {margin: 0 4px 2px 0;}
334 #watchers img.gravatar {margin: 0 4px 2px 0;}
333
335
334 span#watchers_inputs {overflow:auto; display:block;}
336 span#watchers_inputs {overflow:auto; display:block;}
335 span.search_for_watchers {display:block;}
337 span.search_for_watchers {display:block;}
336 span.search_for_watchers, span.add_attachment {font-size:80%; line-height:2.5em;}
338 span.search_for_watchers, span.add_attachment {font-size:80%; line-height:2.5em;}
337 span.search_for_watchers a, span.add_attachment a {padding-left:16px; background: url(../images/bullet_add.png) no-repeat 0 50%; }
339 span.search_for_watchers a, span.add_attachment a {padding-left:16px; background: url(../images/bullet_add.png) no-repeat 0 50%; }
338
340
339
341
340 .highlight { background-color: #FCFD8D;}
342 .highlight { background-color: #FCFD8D;}
341 .highlight.token-1 { background-color: #faa;}
343 .highlight.token-1 { background-color: #faa;}
342 .highlight.token-2 { background-color: #afa;}
344 .highlight.token-2 { background-color: #afa;}
343 .highlight.token-3 { background-color: #aaf;}
345 .highlight.token-3 { background-color: #aaf;}
344
346
345 .box{
347 .box{
346 padding:6px;
348 padding:6px;
347 margin-bottom: 10px;
349 margin-bottom: 10px;
348 background-color:#f6f6f6;
350 background-color:#f6f6f6;
349 color:#505050;
351 color:#505050;
350 line-height:1.5em;
352 line-height:1.5em;
351 border: 1px solid #e4e4e4;
353 border: 1px solid #e4e4e4;
352 word-wrap: break-word;
354 word-wrap: break-word;
353 border-radius: 3px;
355 border-radius: 3px;
354 }
356 }
355 .pagination .per-page span.selected {
357 .pagination .per-page span.selected {
356 font-weight: bold;
358 font-weight: bold;
357 }
359 }
358
360
359 div.square {
361 div.square {
360 border: 1px solid #999;
362 border: 1px solid #999;
361 float: left;
363 float: left;
362 margin: .3em .4em 0 .4em;
364 margin: .3em .4em 0 .4em;
363 overflow: hidden;
365 overflow: hidden;
364 width: .6em; height: .6em;
366 width: .6em; height: .6em;
365 }
367 }
366 .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
368 .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
367 .contextual input, .contextual select {font-size:0.9em;}
369 .contextual input, .contextual select {font-size:0.9em;}
368 .message .contextual { margin-top: 0; }
370 .message .contextual { margin-top: 0; }
369
371
370 .splitcontent {overflow:auto;}
372 .splitcontent {overflow:auto;}
371 .splitcontentleft{float:left; width:49%;}
373 .splitcontentleft{float:left; width:49%;}
372 .splitcontentright{float:right; width:49%;}
374 .splitcontentright{float:right; width:49%;}
373 form {display: inline;}
375 form {display: inline;}
374 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
376 input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
375 fieldset {border: 1px solid #e4e4e4; margin:0;}
377 fieldset {border: 1px solid #e4e4e4; margin:0;}
376 legend {color: #333;}
378 legend {color: #333;}
377 hr { width: 100%; height: 1px; background: #ccc; border: 0;}
379 hr { width: 100%; height: 1px; background: #ccc; border: 0;}
378 blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
380 blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
379 blockquote blockquote { margin-left: 0;}
381 blockquote blockquote { margin-left: 0;}
380 abbr, span.field-description[title] { border-bottom: 1px dotted #aaa; cursor: help; }
382 abbr, span.field-description[title] { border-bottom: 1px dotted #aaa; cursor: help; }
381 textarea.wiki-edit {width:99%; resize:vertical;}
383 textarea.wiki-edit {width:99%; resize:vertical;}
382 li p {margin-top: 0;}
384 li p {margin-top: 0;}
383 div.issue {background:#ffffdd; padding:6px; margin-bottom:6px; border: 1px solid #d7d7d7; border-radius:3px;}
385 div.issue {background:#ffffdd; padding:6px; margin-bottom:6px; border: 1px solid #d7d7d7; border-radius:3px;}
384 p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
386 p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
385 p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
387 p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
386 p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
388 p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
387 .ltr {direction:ltr !important; unicode-bidi:bidi-override;}
389 .ltr {direction:ltr !important; unicode-bidi:bidi-override;}
388 .rtl {direction:rtl !important; unicode-bidi:bidi-override;}
390 .rtl {direction:rtl !important; unicode-bidi:bidi-override;}
389
391
390 div.issue div.subject div div { padding-left: 16px; }
392 div.issue div.subject div div { padding-left: 16px; }
391 div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
393 div.issue div.subject p {margin: 0; margin-bottom: 0.1em; font-size: 90%; color: #999;}
392 div.issue div.subject>div>p { margin-top: 0.5em; }
394 div.issue div.subject>div>p { margin-top: 0.5em; }
393 div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
395 div.issue div.subject h3 {margin: 0; margin-bottom: 0.1em;}
394 div.issue span.private, div.journal span.private { position:relative; bottom: 2px; text-transform: uppercase; background: #d22; color: #fff; font-weight:bold; padding: 0px 2px 0px 2px; font-size: 60%; margin-right: 2px; border-radius: 2px;}
396 div.issue span.private, div.journal span.private { position:relative; bottom: 2px; text-transform: uppercase; background: #d22; color: #fff; font-weight:bold; padding: 0px 2px 0px 2px; font-size: 60%; margin-right: 2px; border-radius: 2px;}
395 div.issue .next-prev-links {color:#999;}
397 div.issue .next-prev-links {color:#999;}
396 div.issue .attributes {margin-top: 2em;}
398 div.issue .attributes {margin-top: 2em;}
397 div.issue .attribute {padding-left:180px; clear:left; min-height: 1.8em;}
399 div.issue .attribute {padding-left:180px; clear:left; min-height: 1.8em;}
398 div.issue .attribute .label {width: 170px; margin-left:-180px; font-weight:bold; float:left;}
400 div.issue .attribute .label {width: 170px; margin-left:-180px; font-weight:bold; float:left;}
399 div.issue.overdue .due-date .value { color: #c22; }
401 div.issue.overdue .due-date .value { color: #c22; }
400
402
401 #issue_tree table.issues, #relations table.issues { border: 0; }
403 #issue_tree table.issues, #relations table.issues { border: 0; }
402 #issue_tree td.checkbox, #relations td.checkbox {display:none;}
404 #issue_tree td.checkbox, #relations td.checkbox {display:none;}
403 #relations td.buttons {padding:0;}
405 #relations td.buttons {padding:0;}
404
406
405 fieldset.collapsible {border-width: 1px 0 0 0;}
407 fieldset.collapsible {border-width: 1px 0 0 0;}
406 fieldset.collapsible>legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
408 fieldset.collapsible>legend { padding-left: 16px; background: url(../images/arrow_expanded.png) no-repeat 0% 40%; cursor:pointer; }
407 fieldset.collapsible.collapsed>legend { background-image: url(../images/arrow_collapsed.png); }
409 fieldset.collapsible.collapsed>legend { background-image: url(../images/arrow_collapsed.png); }
408
410
409 fieldset#date-range p { margin: 2px 0 2px 0; }
411 fieldset#date-range p { margin: 2px 0 2px 0; }
410 fieldset#filters table { border-collapse: collapse; }
412 fieldset#filters table { border-collapse: collapse; }
411 fieldset#filters table td { padding: 0; vertical-align: middle; }
413 fieldset#filters table td { padding: 0; vertical-align: middle; }
412 fieldset#filters tr.filter { height: 2.1em; }
414 fieldset#filters tr.filter { height: 2.1em; }
413 fieldset#filters td.field { width:230px; }
415 fieldset#filters td.field { width:230px; }
414 fieldset#filters td.operator { width:180px; }
416 fieldset#filters td.operator { width:180px; }
415 fieldset#filters td.operator select {max-width:170px;}
417 fieldset#filters td.operator select {max-width:170px;}
416 fieldset#filters td.values { white-space:nowrap; }
418 fieldset#filters td.values { white-space:nowrap; }
417 fieldset#filters td.values select {min-width:130px;}
419 fieldset#filters td.values select {min-width:130px;}
418 fieldset#filters td.values input {height:1em;}
420 fieldset#filters td.values input {height:1em;}
419
421
420 #filters-table {width:60%; float:left;}
422 #filters-table {width:60%; float:left;}
421 .add-filter {width:35%; float:right; text-align: right; vertical-align: top;}
423 .add-filter {width:35%; float:right; text-align: right; vertical-align: top;}
422
424
423 #issue_is_private_wrap {float:right; margin-right:1em;}
425 #issue_is_private_wrap {float:right; margin-right:1em;}
424 .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:16px; margin-left:0; margin-right:5px; cursor:pointer;}
426 .toggle-multiselect {background: url(../images/bullet_toggle_plus.png) no-repeat 0% 40%; padding-left:16px; margin-left:0; margin-right:5px; cursor:pointer;}
425 .buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
427 .buttons { font-size: 0.9em; margin-bottom: 1.4em; margin-top: 1em; }
426
428
427 div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
429 div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
428 div#issue-changesets div.changeset { padding: 4px;}
430 div#issue-changesets div.changeset { padding: 4px;}
429 div#issue-changesets div.changeset { border-bottom: 1px solid #ddd; }
431 div#issue-changesets div.changeset { border-bottom: 1px solid #ddd; }
430 div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
432 div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
431
433
432 div.journal {overflow:auto;}
434 div.journal {overflow:auto;}
433 div.journal.private-notes {border-left:2px solid #d22; padding-left:4px; margin-left:-6px;}
435 div.journal.private-notes {border-left:2px solid #d22; padding-left:4px; margin-left:-6px;}
434 div.journal ul.details {color:#959595; margin-bottom: 1.5em;}
436 div.journal ul.details {color:#959595; margin-bottom: 1.5em;}
435 div.journal ul.details a {color:#70A7CD;}
437 div.journal ul.details a {color:#70A7CD;}
436 div.journal ul.details a:hover {color:#D14848;}
438 div.journal ul.details a:hover {color:#D14848;}
437
439
438 div#activity dl, #search-results { margin-left: 2em; }
440 div#activity dl, #search-results { margin-left: 2em; }
439 div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
441 div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
440 div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
442 div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
441 div#activity dt.me .time { border-bottom: 1px solid #999; }
443 div#activity dt.me .time { border-bottom: 1px solid #999; }
442 div#activity dt .time { color: #777; font-size: 80%; }
444 div#activity dt .time { color: #777; font-size: 80%; }
443 div#activity dd .description, #search-results dd .description { font-style: italic; }
445 div#activity dd .description, #search-results dd .description { font-style: italic; }
444 div#activity span.project:after, #search-results span.project:after { content: " -"; }
446 div#activity span.project:after, #search-results span.project:after { content: " -"; }
445 div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
447 div#activity dd span.description, #search-results dd span.description { display:block; color: #808080; }
446 div#activity dt.grouped {margin-left:5em;}
448 div#activity dt.grouped {margin-left:5em;}
447 div#activity dd.grouped {margin-left:9em;}
449 div#activity dd.grouped {margin-left:9em;}
448
450
449 #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
451 #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
450
452
451 div#search-results-counts {float:right;}
453 div#search-results-counts {float:right;}
452 div#search-results-counts ul { margin-top: 0.5em; }
454 div#search-results-counts ul { margin-top: 0.5em; }
453 div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }
455 div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }
454
456
455 dt.issue { background-image: url(../images/ticket.png); }
457 dt.issue { background-image: url(../images/ticket.png); }
456 dt.issue-edit { background-image: url(../images/ticket_edit.png); }
458 dt.issue-edit { background-image: url(../images/ticket_edit.png); }
457 dt.issue-closed { background-image: url(../images/ticket_checked.png); }
459 dt.issue-closed { background-image: url(../images/ticket_checked.png); }
458 dt.issue-note { background-image: url(../images/ticket_note.png); }
460 dt.issue-note { background-image: url(../images/ticket_note.png); }
459 dt.changeset { background-image: url(../images/changeset.png); }
461 dt.changeset { background-image: url(../images/changeset.png); }
460 dt.news { background-image: url(../images/news.png); }
462 dt.news { background-image: url(../images/news.png); }
461 dt.message { background-image: url(../images/message.png); }
463 dt.message { background-image: url(../images/message.png); }
462 dt.reply { background-image: url(../images/comments.png); }
464 dt.reply { background-image: url(../images/comments.png); }
463 dt.wiki-page { background-image: url(../images/wiki_edit.png); }
465 dt.wiki-page { background-image: url(../images/wiki_edit.png); }
464 dt.attachment { background-image: url(../images/attachment.png); }
466 dt.attachment { background-image: url(../images/attachment.png); }
465 dt.document { background-image: url(../images/document.png); }
467 dt.document { background-image: url(../images/document.png); }
466 dt.project { background-image: url(../images/projects.png); }
468 dt.project { background-image: url(../images/projects.png); }
467 dt.time-entry { background-image: url(../images/time.png); }
469 dt.time-entry { background-image: url(../images/time.png); }
468
470
469 #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
471 #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
470
472
471 div#roadmap .related-issues { margin-bottom: 1em; }
473 div#roadmap .related-issues { margin-bottom: 1em; }
472 div#roadmap .related-issues td.checkbox { display: none; }
474 div#roadmap .related-issues td.checkbox { display: none; }
473 div#roadmap .wiki h1:first-child { display: none; }
475 div#roadmap .wiki h1:first-child { display: none; }
474 div#roadmap .wiki h1 { font-size: 120%; }
476 div#roadmap .wiki h1 { font-size: 120%; }
475 div#roadmap .wiki h2 { font-size: 110%; }
477 div#roadmap .wiki h2 { font-size: 110%; }
476 body.controller-versions.action-show div#roadmap .related-issues {width:70%;}
478 body.controller-versions.action-show div#roadmap .related-issues {width:70%;}
477
479
478 div#version-summary { float:right; width:28%; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
480 div#version-summary { float:right; width:28%; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
479 div#version-summary fieldset { margin-bottom: 1em; }
481 div#version-summary fieldset { margin-bottom: 1em; }
480 div#version-summary fieldset.time-tracking table { width:100%; }
482 div#version-summary fieldset.time-tracking table { width:100%; }
481 div#version-summary th, div#version-summary td.total-hours { text-align: right; }
483 div#version-summary th, div#version-summary td.total-hours { text-align: right; }
482
484
483 table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
485 table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
484 table#time-report tbody tr.subtotal { font-style: italic; color:#777;}
486 table#time-report tbody tr.subtotal { font-style: italic; color:#777;}
485 table#time-report tbody tr.subtotal td.hours { color:#b0b0b0; }
487 table#time-report tbody tr.subtotal td.hours { color:#b0b0b0; }
486 table#time-report tbody tr.total { font-weight: bold; background-color:#EEEEEE; border-top:1px solid #e4e4e4;}
488 table#time-report tbody tr.total { font-weight: bold; background-color:#EEEEEE; border-top:1px solid #e4e4e4;}
487 table#time-report .hours-dec { font-size: 0.9em; }
489 table#time-report .hours-dec { font-size: 0.9em; }
488
490
489 div.wiki-page .contextual a {opacity: 0.4}
491 div.wiki-page .contextual a {opacity: 0.4}
490 div.wiki-page .contextual a:hover {opacity: 1}
492 div.wiki-page .contextual a:hover {opacity: 1}
491
493
492 form .attributes select { width: 60%; }
494 form .attributes select { width: 60%; }
493 form .attributes select + a.icon-only { vertical-align: middle; margin-left: 4px; }
495 form .attributes select + a.icon-only { vertical-align: middle; margin-left: 4px; }
494 input#issue_subject, input#document_title { width: 99%; }
496 input#issue_subject, input#document_title { width: 99%; }
495 select#issue_done_ratio { width: 95px; }
497 select#issue_done_ratio { width: 95px; }
496
498
497 ul.projects {margin:0; padding-left:1em;}
499 ul.projects {margin:0; padding-left:1em;}
498 ul.projects ul {padding-left:1.6em;}
500 ul.projects ul {padding-left:1.6em;}
499 ul.projects.root {margin:0; padding:0;}
501 ul.projects.root {margin:0; padding:0;}
500 ul.projects li {list-style-type:none;}
502 ul.projects li {list-style-type:none;}
501
503
502 #projects-index ul.projects ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
504 #projects-index ul.projects ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
503 #projects-index ul.projects li.root {margin-bottom: 1em;}
505 #projects-index ul.projects li.root {margin-bottom: 1em;}
504 #projects-index ul.projects li.child {margin-top: 1em;}
506 #projects-index ul.projects li.child {margin-top: 1em;}
505 #projects-index ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
507 #projects-index ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
506 .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
508 .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
507
509
508 #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
510 #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
509
511
510 #related-issues li img {vertical-align:middle;}
512 #related-issues li img {vertical-align:middle;}
511
513
512 ul.properties {padding:0; font-size: 0.9em; color: #777;}
514 ul.properties {padding:0; font-size: 0.9em; color: #777;}
513 ul.properties li {list-style-type:none;}
515 ul.properties li {list-style-type:none;}
514 ul.properties li span {font-style:italic;}
516 ul.properties li span {font-style:italic;}
515
517
516 .total-hours { font-size: 110%; font-weight: bold; }
518 .total-hours { font-size: 110%; font-weight: bold; }
517 .total-hours span.hours-int { font-size: 120%; }
519 .total-hours span.hours-int { font-size: 120%; }
518
520
519 .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em; position: relative;}
521 .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em; position: relative;}
520 #user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url { width: 90%; }
522 #user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url { width: 90%; }
521
523
522 #workflow_copy_form select { width: 200px; }
524 #workflow_copy_form select { width: 200px; }
523 table.transitions td.enabled {background: #bfb;}
525 table.transitions td.enabled {background: #bfb;}
524 #workflow_form table select {font-size:90%; max-width:100px;}
526 #workflow_form table select {font-size:90%; max-width:100px;}
525 table.fields_permissions td.readonly {background:#ddd;}
527 table.fields_permissions td.readonly {background:#ddd;}
526 table.fields_permissions td.required {background:#d88;}
528 table.fields_permissions td.required {background:#d88;}
527
529
528 select.expandable {vertical-align:top;}
530 select.expandable {vertical-align:top;}
529
531
530 textarea#custom_field_possible_values {width: 95%; resize:vertical}
532 textarea#custom_field_possible_values {width: 95%; resize:vertical}
531 textarea#custom_field_default_value {width: 95%; resize:vertical}
533 textarea#custom_field_default_value {width: 95%; resize:vertical}
532 .sort-handle {display:inline-block; vertical-align:middle;}
534 .sort-handle {display:inline-block; vertical-align:middle;}
533
535
534 input#content_comments {width: 99%}
536 input#content_comments {width: 99%}
535
537
536 span.pagination {margin-left:3px; color:#888;}
538 span.pagination {margin-left:3px; color:#888;}
537 .pagination ul.pages {
539 .pagination ul.pages {
538 margin: 0 5px 0 0;
540 margin: 0 5px 0 0;
539 padding: 0;
541 padding: 0;
540 display: inline;
542 display: inline;
541 }
543 }
542 .pagination ul.pages li {
544 .pagination ul.pages li {
543 display: inline-block;
545 display: inline-block;
544 padding: 0;
546 padding: 0;
545 border: 1px solid #ccc;
547 border: 1px solid #ccc;
546 margin-left: -1px;
548 margin-left: -1px;
547 line-height: 2em;
549 line-height: 2em;
548 margin-bottom: 1em;
550 margin-bottom: 1em;
549 white-space: nowrap;
551 white-space: nowrap;
550 text-align: center;
552 text-align: center;
551 }
553 }
552 .pagination ul.pages li a,
554 .pagination ul.pages li a,
553 .pagination ul.pages li span {
555 .pagination ul.pages li span {
554 padding: 3px 8px;
556 padding: 3px 8px;
555 }
557 }
556 .pagination ul.pages li:first-child {
558 .pagination ul.pages li:first-child {
557 border-top-left-radius: 4px;
559 border-top-left-radius: 4px;
558 border-bottom-left-radius: 4px;
560 border-bottom-left-radius: 4px;
559 }
561 }
560 .pagination ul.pages li:last-child {
562 .pagination ul.pages li:last-child {
561 border-top-right-radius: 4px;
563 border-top-right-radius: 4px;
562 border-bottom-right-radius: 4px;
564 border-bottom-right-radius: 4px;
563 }
565 }
564 .pagination ul.pages li.current {
566 .pagination ul.pages li.current {
565 color: white;
567 color: white;
566 background-color: #628DB6;
568 background-color: #628DB6;
567 border-color: #628DB6;
569 border-color: #628DB6;
568 }
570 }
569 .pagination ul.pages li.page:hover {
571 .pagination ul.pages li.page:hover {
570 background-color: #EEE;
572 background-color: #EEE;
571 }
573 }
572 .pagination ul.pages li.page a:hover,
574 .pagination ul.pages li.page a:hover,
573 .pagination ul.pages li.page a:active {
575 .pagination ul.pages li.page a:active {
574 color: inherit;
576 color: inherit;
575 text-decoration: inherit;
577 text-decoration: inherit;
576 }
578 }
577 span.pagination>span {white-space:nowrap;}
579 span.pagination>span {white-space:nowrap;}
578
580
579 #search-form fieldset p {margin:0.2em 0;}
581 #search-form fieldset p {margin:0.2em 0;}
580
582
581 /***** Tabular forms ******/
583 /***** Tabular forms ******/
582 .tabular p{
584 .tabular p{
583 margin: 0;
585 margin: 0;
584 padding: 3px 0 3px 0;
586 padding: 3px 0 3px 0;
585 padding-left: 180px; /* width of left column containing the label elements */
587 padding-left: 180px; /* width of left column containing the label elements */
586 min-height: 1.8em;
588 min-height: 1.8em;
587 clear:left;
589 clear:left;
588 }
590 }
589
591
590 html>body .tabular p {overflow:hidden;}
592 html>body .tabular p {overflow:hidden;}
591
593
592 .tabular input, .tabular select {max-width:95%}
594 .tabular input, .tabular select {max-width:95%}
593 .tabular textarea {width:95%; resize:vertical;}
595 .tabular textarea {width:95%; resize:vertical;}
594
596
595 .tabular label{
597 .tabular label{
596 font-weight: bold;
598 font-weight: bold;
597 float: left;
599 float: left;
598 text-align: right;
600 text-align: right;
599 /* width of left column */
601 /* width of left column */
600 margin-left: -180px;
602 margin-left: -180px;
601 /* width of labels. Should be smaller than left column to create some right margin */
603 /* width of labels. Should be smaller than left column to create some right margin */
602 width: 175px;
604 width: 175px;
603 }
605 }
604
606
605 .tabular label.floating{
607 .tabular label.floating{
606 font-weight: normal;
608 font-weight: normal;
607 margin-left: 0px;
609 margin-left: 0px;
608 text-align: left;
610 text-align: left;
609 width: 270px;
611 width: 270px;
610 }
612 }
611
613
612 .tabular label.block{
614 .tabular label.block{
613 font-weight: normal;
615 font-weight: normal;
614 margin-left: 0px !important;
616 margin-left: 0px !important;
615 text-align: left;
617 text-align: left;
616 float: none;
618 float: none;
617 display: block;
619 display: block;
618 width: auto !important;
620 width: auto !important;
619 }
621 }
620
622
621 .tabular label.inline{
623 .tabular label.inline{
622 font-weight: normal;
624 font-weight: normal;
623 float:none;
625 float:none;
624 margin-left: 5px !important;
626 margin-left: 5px !important;
625 width: auto;
627 width: auto;
626 }
628 }
627
629
628 label.no-css {
630 label.no-css {
629 font-weight: inherit;
631 font-weight: inherit;
630 float:none;
632 float:none;
631 text-align:left;
633 text-align:left;
632 margin-left:0px;
634 margin-left:0px;
633 width:auto;
635 width:auto;
634 }
636 }
635 input#time_entry_comments { width: 90%;}
637 input#time_entry_comments { width: 90%;}
636
638
637 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
639 #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
638
640
639 .tabular.settings p{ padding-left: 300px; }
641 .tabular.settings p{ padding-left: 300px; }
640 .tabular.settings label{ margin-left: -300px; width: 295px; }
642 .tabular.settings label{ margin-left: -300px; width: 295px; }
641 .tabular.settings textarea { width: 99%; }
643 .tabular.settings textarea { width: 99%; }
642
644
643 .settings.enabled_scm table {width:100%}
645 .settings.enabled_scm table {width:100%}
644 .settings.enabled_scm td.scm_name{ font-weight: bold; }
646 .settings.enabled_scm td.scm_name{ font-weight: bold; }
645
647
646 fieldset.settings label { display: block; }
648 fieldset.settings label { display: block; }
647 fieldset#notified_events .parent { padding-left: 20px; }
649 fieldset#notified_events .parent { padding-left: 20px; }
648
650
649 span.required {color: #bb0000;}
651 span.required {color: #bb0000;}
650 .summary {font-style: italic;}
652 .summary {font-style: italic;}
651
653
652 .check_box_group {
654 .check_box_group {
653 display:block;
655 display:block;
654 width:95%;
656 width:95%;
655 max-height:300px;
657 max-height:300px;
656 overflow-y:auto;
658 overflow-y:auto;
657 padding:2px 4px 4px 2px;
659 padding:2px 4px 4px 2px;
658 background:#fff;
660 background:#fff;
659 border:1px solid #9EB1C2;
661 border:1px solid #9EB1C2;
660 border-radius:2px
662 border-radius:2px
661 }
663 }
662 .check_box_group label {
664 .check_box_group label {
663 font-weight: normal;
665 font-weight: normal;
664 margin-left: 0px !important;
666 margin-left: 0px !important;
665 text-align: left;
667 text-align: left;
666 float: none;
668 float: none;
667 display: block;
669 display: block;
668 width: auto;
670 width: auto;
669 }
671 }
670 .check_box_group.bool_cf {border:0; background:inherit;}
672 .check_box_group.bool_cf {border:0; background:inherit;}
671 .check_box_group.bool_cf label {display: inline;}
673 .check_box_group.bool_cf label {display: inline;}
672
674
673 #attachments_fields input.description {margin-left:4px; width:340px;}
675 #attachments_fields input.description {margin-left:4px; width:340px;}
674 #attachments_fields span {display:block; white-space:nowrap;}
676 #attachments_fields span {display:block; white-space:nowrap;}
675 #attachments_fields input.filename {border:0; height:1.8em; width:250px; color:#555; background-color:inherit; background:url(../images/attachment.png) no-repeat 1px 50%; padding-left:18px;}
677 #attachments_fields input.filename {border:0; height:1.8em; width:250px; color:#555; background-color:inherit; background:url(../images/attachment.png) no-repeat 1px 50%; padding-left:18px;}
676 #attachments_fields .ajax-waiting input.filename {background:url(../images/hourglass.png) no-repeat 0px 50%;}
678 #attachments_fields .ajax-waiting input.filename {background:url(../images/hourglass.png) no-repeat 0px 50%;}
677 #attachments_fields .ajax-loading input.filename {background:url(../images/loading.gif) no-repeat 0px 50%;}
679 #attachments_fields .ajax-loading input.filename {background:url(../images/loading.gif) no-repeat 0px 50%;}
678 #attachments_fields div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }
680 #attachments_fields div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }
679 a.remove-upload {background: url(../images/delete.png) no-repeat 1px 50%; width:1px; display:inline-block; padding-left:16px;}
681 a.remove-upload {background: url(../images/delete.png) no-repeat 1px 50%; width:1px; display:inline-block; padding-left:16px;}
680 a.remove-upload:hover {text-decoration:none !important;}
682 a.remove-upload:hover {text-decoration:none !important;}
681
683
682 div.fileover { background-color: lavender; }
684 div.fileover { background-color: lavender; }
683
685
684 div.attachments { margin-top: 12px; }
686 div.attachments { margin-top: 12px; }
685 div.attachments p { margin:4px 0 2px 0; }
687 div.attachments p { margin:4px 0 2px 0; }
686 div.attachments img { vertical-align: middle; }
688 div.attachments img { vertical-align: middle; }
687 div.attachments span.author { font-size: 0.9em; color: #888; }
689 div.attachments span.author { font-size: 0.9em; color: #888; }
688
690
689 div.thumbnails {margin:0.6em;}
691 div.thumbnails {margin:0.6em;}
690 div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
692 div.thumbnails div {background:#fff;border:2px solid #ddd;display:inline-block;margin-right:2px;}
691 div.thumbnails img {margin: 3px; vertical-align: middle;}
693 div.thumbnails img {margin: 3px; vertical-align: middle;}
692 #history div.thumbnails {margin-left: 2em;}
694 #history div.thumbnails {margin-left: 2em;}
693
695
694 p.other-formats { text-align: right; font-size:0.9em; color: #666; }
696 p.other-formats { text-align: right; font-size:0.9em; color: #666; }
695 .other-formats span + span:before { content: "| "; }
697 .other-formats span + span:before { content: "| "; }
696
698
697 a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
699 a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
698
700
699 em.info {font-style:normal;font-size:90%;color:#888;display:block;}
701 em.info {font-style:normal;font-size:90%;color:#888;display:block;}
700 em.info.error {padding-left:20px; background:url(../images/exclamation.png) no-repeat 0 50%;}
702 em.info.error {padding-left:20px; background:url(../images/exclamation.png) no-repeat 0 50%;}
701
703
702 textarea.text_cf {width:95%; resize:vertical;}
704 textarea.text_cf {width:95%; resize:vertical;}
703 input.string_cf, input.link_cf {width:95%;}
705 input.string_cf, input.link_cf {width:95%;}
704 select.bool_cf {width:auto !important;}
706 select.bool_cf {width:auto !important;}
705
707
706 #tab-content-modules fieldset p {margin:3px 0 4px 0;}
708 #tab-content-modules fieldset p {margin:3px 0 4px 0;}
707
709
708 #tab-content-users .splitcontentleft {width: 64%;}
710 #tab-content-users .splitcontentleft {width: 64%;}
709 #tab-content-users .splitcontentright {width: 34%;}
711 #tab-content-users .splitcontentright {width: 34%;}
710 #tab-content-users fieldset {padding:1em; margin-bottom: 1em;}
712 #tab-content-users fieldset {padding:1em; margin-bottom: 1em;}
711 #tab-content-users fieldset legend {font-weight: bold;}
713 #tab-content-users fieldset legend {font-weight: bold;}
712 #tab-content-users fieldset label {display: block;}
714 #tab-content-users fieldset label {display: block;}
713 #tab-content-users #principals {max-height: 400px; overflow: auto;}
715 #tab-content-users #principals {max-height: 400px; overflow: auto;}
714
716
715 #users_for_watcher {height: 200px; overflow:auto;}
717 #users_for_watcher {height: 200px; overflow:auto;}
716 #users_for_watcher label {display: block;}
718 #users_for_watcher label {display: block;}
717
719
718 table.members td.name {padding-left: 20px;}
720 table.members td.name {padding-left: 20px;}
719 table.members td.group, table.members td.groupnonmember, table.members td.groupanonymous {background: url(../images/group.png) no-repeat 0% 1px;}
721 table.members td.group, table.members td.groupnonmember, table.members td.groupanonymous {background: url(../images/group.png) no-repeat 0% 1px;}
720
722
721 input#principal_search, input#user_search {width:90%}
723 input#principal_search, input#user_search {width:90%}
722 .roles-selection label {display:inline-block; width:210px;}
724 .roles-selection label {display:inline-block; width:210px;}
723
725
724 input.autocomplete {
726 input.autocomplete {
725 background: #fff url(../images/magnifier.png) no-repeat 2px 50%; padding-left:20px !important;
727 background: #fff url(../images/magnifier.png) no-repeat 2px 50%; padding-left:20px !important;
726 border:1px solid #9EB1C2; border-radius:2px; height:1.5em;
728 border:1px solid #9EB1C2; border-radius:2px; height:1.5em;
727 }
729 }
728 input.autocomplete.ajax-loading {
730 input.autocomplete.ajax-loading {
729 background-image: url(../images/loading.gif);
731 background-image: url(../images/loading.gif);
730 }
732 }
731
733
732 .role-visibility {padding-left:2em;}
734 .role-visibility {padding-left:2em;}
733
735
734 .objects-selection {
736 .objects-selection {
735 height: 300px;
737 height: 300px;
736 overflow: auto;
738 overflow: auto;
737 margin-bottom: 1em;
739 margin-bottom: 1em;
738 }
740 }
739
741
740 .objects-selection label {
742 .objects-selection label {
741 display: block;
743 display: block;
742 }
744 }
743
745
744 .objects-selection>div {
746 .objects-selection>div {
745 column-count: auto;
747 column-count: auto;
746 column-width: 200px;
748 column-width: 200px;
747 -webkit-column-count: auto;
749 -webkit-column-count: auto;
748 -webkit-column-width: 200px;
750 -webkit-column-width: 200px;
749 -webkit-column-gap : 0.5rem;
751 -webkit-column-gap : 0.5rem;
750 -webkit-column-rule: 1px solid #ccc;
752 -webkit-column-rule: 1px solid #ccc;
751 -moz-column-count: auto;
753 -moz-column-count: auto;
752 -moz-column-width: 200px;
754 -moz-column-width: 200px;
753 -moz-column-gap : 0.5rem;
755 -moz-column-gap : 0.5rem;
754 -moz-column-rule: 1px solid #ccc;
756 -moz-column-rule: 1px solid #ccc;
755 }
757 }
756
758
757 /***** Flash & error messages ****/
759 /***** Flash & error messages ****/
758 #errorExplanation, div.flash, .nodata, .warning, .conflict {
760 #errorExplanation, div.flash, .nodata, .warning, .conflict {
759 padding: 6px 4px 6px 30px;
761 padding: 6px 4px 6px 30px;
760 margin-bottom: 12px;
762 margin-bottom: 12px;
761 font-size: 1.1em;
763 font-size: 1.1em;
762 border: 1px solid;
764 border: 1px solid;
763 border-radius: 3px;
765 border-radius: 3px;
764 }
766 }
765
767
766 div.flash {margin-top: 8px;}
768 div.flash {margin-top: 8px;}
767
769
768 div.flash.error, #errorExplanation {
770 div.flash.error, #errorExplanation {
769 background: url(../images/exclamation.png) 8px 50% no-repeat;
771 background: url(../images/exclamation.png) 8px 50% no-repeat;
770 background-color: #ffe3e3;
772 background-color: #ffe3e3;
771 border-color: #d88;
773 border-color: #d88;
772 color: #880000;
774 color: #880000;
773 }
775 }
774
776
775 div.flash.notice {
777 div.flash.notice {
776 background: url(../images/true.png) 8px 5px no-repeat;
778 background: url(../images/true.png) 8px 5px no-repeat;
777 background-color: #dfffdf;
779 background-color: #dfffdf;
778 border-color: #9fcf9f;
780 border-color: #9fcf9f;
779 color: #005f00;
781 color: #005f00;
780 }
782 }
781
783
782 div.flash.warning, .conflict {
784 div.flash.warning, .conflict {
783 background: url(../images/warning.png) 8px 5px no-repeat;
785 background: url(../images/warning.png) 8px 5px no-repeat;
784 background-color: #F3EDD1;
786 background-color: #F3EDD1;
785 border-color: #eadbbc;
787 border-color: #eadbbc;
786 color: #A6750C;
788 color: #A6750C;
787 text-align: left;
789 text-align: left;
788 }
790 }
789
791
790 .nodata, .warning {
792 .nodata, .warning {
791 text-align: center;
793 text-align: center;
792 background-color: #F3EDD1;
794 background-color: #F3EDD1;
793 border-color: #eadbbc;
795 border-color: #eadbbc;
794 color: #A6750C;
796 color: #A6750C;
795 }
797 }
796
798
797 #errorExplanation ul { font-size: 0.9em;}
799 #errorExplanation ul { font-size: 0.9em;}
798 #errorExplanation h2, #errorExplanation p { display: none; }
800 #errorExplanation h2, #errorExplanation p { display: none; }
799
801
800 .conflict-details {font-size:80%;}
802 .conflict-details {font-size:80%;}
801
803
802 /***** Ajax indicator ******/
804 /***** Ajax indicator ******/
803 #ajax-indicator {
805 #ajax-indicator {
804 position: absolute; /* fixed not supported by IE */
806 position: absolute; /* fixed not supported by IE */
805 background-color:#eee;
807 background-color:#eee;
806 border: 1px solid #bbb;
808 border: 1px solid #bbb;
807 top:35%;
809 top:35%;
808 left:40%;
810 left:40%;
809 width:20%;
811 width:20%;
810 font-weight:bold;
812 font-weight:bold;
811 text-align:center;
813 text-align:center;
812 padding:0.6em;
814 padding:0.6em;
813 z-index:100;
815 z-index:100;
814 opacity: 0.5;
816 opacity: 0.5;
815 }
817 }
816
818
817 html>body #ajax-indicator { position: fixed; }
819 html>body #ajax-indicator { position: fixed; }
818
820
819 #ajax-indicator span {
821 #ajax-indicator span {
820 background-position: 0% 40%;
822 background-position: 0% 40%;
821 background-repeat: no-repeat;
823 background-repeat: no-repeat;
822 background-image: url(../images/loading.gif);
824 background-image: url(../images/loading.gif);
823 padding-left: 26px;
825 padding-left: 26px;
824 vertical-align: bottom;
826 vertical-align: bottom;
825 }
827 }
826
828
827 /***** Calendar *****/
829 /***** Calendar *****/
828 table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
830 table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
829 table.cal thead th {width: 14%; background-color:#EEEEEE; padding: 4px; }
831 table.cal thead th {width: 14%; background-color:#EEEEEE; padding: 4px; }
830 table.cal thead th.week-number {width: auto;}
832 table.cal thead th.week-number {width: auto;}
831 table.cal tbody tr {height: 100px;}
833 table.cal tbody tr {height: 100px;}
832 table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
834 table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
833 table.cal td.week-number { background-color:#EEEEEE; padding: 4px; border:none; font-size: 1em;}
835 table.cal td.week-number { background-color:#EEEEEE; padding: 4px; border:none; font-size: 1em;}
834 table.cal td p.day-num {font-size: 1.1em; text-align:right;}
836 table.cal td p.day-num {font-size: 1.1em; text-align:right;}
835 table.cal td.odd p.day-num {color: #bbb;}
837 table.cal td.odd p.day-num {color: #bbb;}
836 table.cal td.today {background:#ffffdd;}
838 table.cal td.today {background:#ffffdd;}
837 table.cal td.today p.day-num {font-weight: bold;}
839 table.cal td.today p.day-num {font-weight: bold;}
838 table.cal .starting a, p.cal.legend .starting {background: url(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
840 table.cal .starting a, p.cal.legend .starting {background: url(../images/bullet_go.png) no-repeat -1px -2px; padding-left:16px;}
839 table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
841 table.cal .ending a, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
840 table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
842 table.cal .starting.ending a, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
841 p.cal.legend span {display:block;}
843 p.cal.legend span {display:block;}
842
844
843 /***** Tooltips ******/
845 /***** Tooltips ******/
844 .tooltip{position:relative;z-index:24;}
846 .tooltip{position:relative;z-index:24;}
845 .tooltip:hover{z-index:25;color:#000;}
847 .tooltip:hover{z-index:25;color:#000;}
846 .tooltip span.tip{display: none; text-align:left;}
848 .tooltip span.tip{display: none; text-align:left;}
847
849
848 div.tooltip:hover span.tip{
850 div.tooltip:hover span.tip{
849 display:block;
851 display:block;
850 position:absolute;
852 position:absolute;
851 top:12px; width:270px;
853 top:12px; width:270px;
852 border:1px solid #555;
854 border:1px solid #555;
853 background-color:#fff;
855 background-color:#fff;
854 padding: 4px;
856 padding: 4px;
855 font-size: 0.8em;
857 font-size: 0.8em;
856 color:#505050;
858 color:#505050;
857 }
859 }
858
860
859 img.ui-datepicker-trigger {
861 img.ui-datepicker-trigger {
860 cursor: pointer;
862 cursor: pointer;
861 vertical-align: middle;
863 vertical-align: middle;
862 margin-left: 4px;
864 margin-left: 4px;
863 }
865 }
864
866
865 /***** Progress bar *****/
867 /***** Progress bar *****/
866 table.progress {
868 table.progress {
867 border-collapse: collapse;
869 border-collapse: collapse;
868 border-spacing: 0pt;
870 border-spacing: 0pt;
869 empty-cells: show;
871 empty-cells: show;
870 text-align: center;
872 text-align: center;
871 float:left;
873 float:left;
872 margin: 1px 6px 1px 0px;
874 margin: 1px 6px 1px 0px;
873 }
875 }
874
876
875 table.progress {width:80px;}
877 table.progress {width:80px;}
876 table.progress td { height: 1em; }
878 table.progress td { height: 1em; }
877 table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
879 table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
878 table.progress td.done { background: #D3EDD3 none repeat scroll 0%; }
880 table.progress td.done { background: #D3EDD3 none repeat scroll 0%; }
879 table.progress td.todo { background: #eee none repeat scroll 0%; }
881 table.progress td.todo { background: #eee none repeat scroll 0%; }
880 p.percent {font-size: 80%; margin:0;}
882 p.percent {font-size: 80%; margin:0;}
881 p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
883 p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;}
882
884
883 .version-overview table.progress {width:40em;}
885 .version-overview table.progress {width:40em;}
884 .version-overview table.progress td { height: 1.2em; }
886 .version-overview table.progress td { height: 1.2em; }
885
887
886 /***** Tabs *****/
888 /***** Tabs *****/
887 #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
889 #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
888 #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
890 #content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
889 #content .tabs ul li {
891 #content .tabs ul li {
890 float:left;
892 float:left;
891 list-style-type:none;
893 list-style-type:none;
892 white-space:nowrap;
894 white-space:nowrap;
893 margin-right:4px;
895 margin-right:4px;
894 background:#fff;
896 background:#fff;
895 position:relative;
897 position:relative;
896 margin-bottom:-1px;
898 margin-bottom:-1px;
897 }
899 }
898 #content .tabs ul li a{
900 #content .tabs ul li a{
899 display:block;
901 display:block;
900 font-size: 0.9em;
902 font-size: 0.9em;
901 text-decoration:none;
903 text-decoration:none;
902 line-height:1.3em;
904 line-height:1.3em;
903 padding:4px 6px 4px 6px;
905 padding:4px 6px 4px 6px;
904 border: 1px solid #ccc;
906 border: 1px solid #ccc;
905 border-bottom: 1px solid #bbbbbb;
907 border-bottom: 1px solid #bbbbbb;
906 background-color: #f6f6f6;
908 background-color: #f6f6f6;
907 color:#999;
909 color:#999;
908 font-weight:bold;
910 font-weight:bold;
909 border-top-left-radius:3px;
911 border-top-left-radius:3px;
910 border-top-right-radius:3px;
912 border-top-right-radius:3px;
911 }
913 }
912
914
913 #content .tabs ul li a:hover {
915 #content .tabs ul li a:hover {
914 background-color: #ffffdd;
916 background-color: #ffffdd;
915 text-decoration:none;
917 text-decoration:none;
916 }
918 }
917
919
918 #content .tabs ul li a.selected {
920 #content .tabs ul li a.selected {
919 background-color: #fff;
921 background-color: #fff;
920 border: 1px solid #bbbbbb;
922 border: 1px solid #bbbbbb;
921 border-bottom: 1px solid #fff;
923 border-bottom: 1px solid #fff;
922 color:#444;
924 color:#444;
923 }
925 }
924
926
925 #content .tabs ul li a.selected:hover {background-color: #fff;}
927 #content .tabs ul li a.selected:hover {background-color: #fff;}
926
928
927 div.tabs-buttons { position:absolute; right: 0; width: 54px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
929 div.tabs-buttons { position:absolute; right: 0; width: 54px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
928
930
929 button.tab-left, button.tab-right {
931 button.tab-left, button.tab-right {
930 font-size: 0.9em;
932 font-size: 0.9em;
931 cursor: pointer;
933 cursor: pointer;
932 height:24px;
934 height:24px;
933 border: 1px solid #ccc;
935 border: 1px solid #ccc;
934 border-bottom: 1px solid #bbbbbb;
936 border-bottom: 1px solid #bbbbbb;
935 position:absolute;
937 position:absolute;
936 padding:4px;
938 padding:4px;
937 width: 20px;
939 width: 20px;
938 bottom: -1px;
940 bottom: -1px;
939 }
941 }
940 button.tab-left:hover, button.tab-right:hover {
942 button.tab-left:hover, button.tab-right:hover {
941 background-color: #f5f5f5;
943 background-color: #f5f5f5;
942 }
944 }
943 button.tab-left:focus, button.tab-right:focus {
945 button.tab-left:focus, button.tab-right:focus {
944 outline: 0;
946 outline: 0;
945 }
947 }
946
948
947 button.tab-left {
949 button.tab-left {
948 right: 20px;
950 right: 20px;
949 background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
951 background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%;
950 border-top-left-radius:3px;
952 border-top-left-radius:3px;
951 }
953 }
952
954
953 button.tab-right {
955 button.tab-right {
954 right: 0;
956 right: 0;
955 background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
957 background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;
956 border-top-right-radius:3px;
958 border-top-right-radius:3px;
957 }
959 }
958
960
959 button.tab-left.disabled, button.tab-right.disabled {
961 button.tab-left.disabled, button.tab-right.disabled {
960 background-color: #ccc;
962 background-color: #ccc;
961 cursor: unset;
963 cursor: unset;
962 }
964 }
963
965
964 /***** Diff *****/
966 /***** Diff *****/
965 .diff_out { background: #fcc; }
967 .diff_out { background: #fcc; }
966 .diff_out span { background: #faa; }
968 .diff_out span { background: #faa; }
967 .diff_in { background: #cfc; }
969 .diff_in { background: #cfc; }
968 .diff_in span { background: #afa; }
970 .diff_in span { background: #afa; }
969
971
970 .text-diff {
972 .text-diff {
971 padding: 1em;
973 padding: 1em;
972 background-color:#f6f6f6;
974 background-color:#f6f6f6;
973 color:#505050;
975 color:#505050;
974 border: 1px solid #e4e4e4;
976 border: 1px solid #e4e4e4;
975 }
977 }
976
978
977 /***** Wiki *****/
979 /***** Wiki *****/
978 div.wiki table {
980 div.wiki table {
979 border-collapse: collapse;
981 border-collapse: collapse;
980 margin-bottom: 1em;
982 margin-bottom: 1em;
981 }
983 }
982
984
983 div.wiki table, div.wiki td, div.wiki th {
985 div.wiki table, div.wiki td, div.wiki th {
984 border: 1px solid #bbb;
986 border: 1px solid #bbb;
985 padding: 4px;
987 padding: 4px;
986 }
988 }
987
989
988 div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;}
990 div.wiki .noborder, div.wiki .noborder td, div.wiki .noborder th {border:0;}
989
991
990 div.wiki .external {
992 div.wiki .external {
991 background-position: 0% 60%;
993 background-position: 0% 60%;
992 background-repeat: no-repeat;
994 background-repeat: no-repeat;
993 padding-left: 12px;
995 padding-left: 12px;
994 background-image: url(../images/external.png);
996 background-image: url(../images/external.png);
995 }
997 }
996
998
997 div.wiki a {word-wrap: break-word;}
999 div.wiki a {word-wrap: break-word;}
998 div.wiki a.new {color: #b73535;}
1000 div.wiki a.new {color: #b73535;}
999
1001
1000 div.wiki ul, div.wiki ol {margin-bottom:1em;}
1002 div.wiki ul, div.wiki ol {margin-bottom:1em;}
1001 div.wiki li>ul, div.wiki li>ol {margin-bottom: 0;}
1003 div.wiki li>ul, div.wiki li>ol {margin-bottom: 0;}
1002
1004
1003 div.wiki pre {
1005 div.wiki pre {
1004 margin: 1em 1em 1em 1.6em;
1006 margin: 1em 1em 1em 1.6em;
1005 padding: 8px;
1007 padding: 8px;
1006 background-color: #fafafa;
1008 background-color: #fafafa;
1007 border: 1px solid #e2e2e2;
1009 border: 1px solid #e2e2e2;
1008 border-radius: 3px;
1010 border-radius: 3px;
1009 width:auto;
1011 width:auto;
1010 overflow-x: auto;
1012 overflow-x: auto;
1011 overflow-y: hidden;
1013 overflow-y: hidden;
1012 }
1014 }
1013
1015
1014 div.wiki ul.toc {
1016 div.wiki ul.toc {
1015 background-color: #ffffdd;
1017 background-color: #ffffdd;
1016 border: 1px solid #e4e4e4;
1018 border: 1px solid #e4e4e4;
1017 padding: 4px;
1019 padding: 4px;
1018 line-height: 1.2em;
1020 line-height: 1.2em;
1019 margin-bottom: 12px;
1021 margin-bottom: 12px;
1020 margin-right: 12px;
1022 margin-right: 12px;
1021 margin-left: 0;
1023 margin-left: 0;
1022 display: table
1024 display: table
1023 }
1025 }
1024 * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
1026 * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
1025
1027
1026 div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
1028 div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
1027 div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
1029 div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }
1028 div.wiki ul.toc ul { margin: 0; padding: 0; }
1030 div.wiki ul.toc ul { margin: 0; padding: 0; }
1029 div.wiki ul.toc li {list-style-type:none; margin: 0; font-size:12px;}
1031 div.wiki ul.toc li {list-style-type:none; margin: 0; font-size:12px;}
1030 div.wiki ul.toc li li {margin-left: 1.5em; font-size:10px;}
1032 div.wiki ul.toc li li {margin-left: 1.5em; font-size:10px;}
1031 div.wiki ul.toc a {
1033 div.wiki ul.toc a {
1032 font-size: 0.9em;
1034 font-size: 0.9em;
1033 font-weight: normal;
1035 font-weight: normal;
1034 text-decoration: none;
1036 text-decoration: none;
1035 color: #606060;
1037 color: #606060;
1036 }
1038 }
1037 div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
1039 div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
1038
1040
1039 a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
1041 a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
1040 a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
1042 a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
1041 h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
1043 h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
1042
1044
1043 div.wiki img {vertical-align:middle; max-width:100%;}
1045 div.wiki img {vertical-align:middle; max-width:100%;}
1044
1046
1045 /***** My page layout *****/
1047 /***** My page layout *****/
1046 .block-receiver {
1048 .block-receiver {
1047 border:1px dashed #c0c0c0;
1049 border:1px dashed #c0c0c0;
1048 margin-bottom: 20px;
1050 margin-bottom: 20px;
1049 padding: 15px 0 15px 0;
1051 padding: 15px 0 15px 0;
1050 }
1052 }
1051
1053
1052 .mypage-box {
1054 .mypage-box {
1053 margin:0 0 20px 0;
1055 margin:0 0 20px 0;
1054 color:#505050;
1056 color:#505050;
1055 line-height:1.5em;
1057 line-height:1.5em;
1056 }
1058 }
1057
1059
1058 .handle {cursor: move;}
1060 .handle {cursor: move;}
1059
1061
1060 a.close-icon {
1062 a.close-icon {
1061 display:block;
1063 display:block;
1062 margin-top:3px;
1064 margin-top:3px;
1063 overflow:hidden;
1065 overflow:hidden;
1064 width:12px;
1066 width:12px;
1065 height:12px;
1067 height:12px;
1066 background-repeat: no-repeat;
1068 background-repeat: no-repeat;
1067 cursor:pointer;
1069 cursor:pointer;
1068 background-image:url('../images/close.png');
1070 background-image:url('../images/close.png');
1069 }
1071 }
1070 a.close-icon:hover {background-image:url('../images/close_hl.png');}
1072 a.close-icon:hover {background-image:url('../images/close_hl.png');}
1071
1073
1072 /***** Gantt chart *****/
1074 /***** Gantt chart *****/
1073 .gantt_hdr {
1075 .gantt_hdr {
1074 position:absolute;
1076 position:absolute;
1075 top:0;
1077 top:0;
1076 height:16px;
1078 height:16px;
1077 border-top: 1px solid #c0c0c0;
1079 border-top: 1px solid #c0c0c0;
1078 border-bottom: 1px solid #c0c0c0;
1080 border-bottom: 1px solid #c0c0c0;
1079 border-right: 1px solid #c0c0c0;
1081 border-right: 1px solid #c0c0c0;
1080 text-align: center;
1082 text-align: center;
1081 overflow: hidden;
1083 overflow: hidden;
1082 }
1084 }
1083
1085
1084 .gantt_hdr.nwday {background-color:#f1f1f1; color:#999;}
1086 .gantt_hdr.nwday {background-color:#f1f1f1; color:#999;}
1085
1087
1086 .gantt_subjects { font-size: 0.8em; }
1088 .gantt_subjects { font-size: 0.8em; }
1087 .gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
1089 .gantt_subjects div { line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; }
1088
1090
1089 .task {
1091 .task {
1090 position: absolute;
1092 position: absolute;
1091 height:8px;
1093 height:8px;
1092 font-size:0.8em;
1094 font-size:0.8em;
1093 color:#888;
1095 color:#888;
1094 padding:0;
1096 padding:0;
1095 margin:0;
1097 margin:0;
1096 line-height:16px;
1098 line-height:16px;
1097 white-space:nowrap;
1099 white-space:nowrap;
1098 }
1100 }
1099
1101
1100 .task.label {width:100%;}
1102 .task.label {width:100%;}
1101 .task.label.project, .task.label.version { font-weight: bold; }
1103 .task.label.project, .task.label.version { font-weight: bold; }
1102
1104
1103 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
1105 .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
1104 .task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
1106 .task_done { background:#00c600 url(../images/task_done.png); border: 1px solid #00c600; }
1105 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
1107 .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
1106
1108
1107 .task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
1109 .task_todo.parent { background: #888; border: 1px solid #888; height: 3px;}
1108 .task_late.parent, .task_done.parent { height: 3px;}
1110 .task_late.parent, .task_done.parent { height: 3px;}
1109 .task.parent.marker.starting { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
1111 .task.parent.marker.starting { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; left: 0px; top: -1px;}
1110 .task.parent.marker.ending { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
1112 .task.parent.marker.ending { position: absolute; background: url(../images/task_parent_end.png) no-repeat 0 0; width: 8px; height: 16px; margin-left: -4px; right: 0px; top: -1px;}
1111
1113
1112 .version.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
1114 .version.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
1113 .version.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
1115 .version.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
1114 .version.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
1116 .version.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
1115 .version.marker { background-image:url(../images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
1117 .version.marker { background-image:url(../images/version_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
1116
1118
1117 .project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
1119 .project.task_late { background:#f66 url(../images/milestone_late.png); border: 1px solid #f66; height: 2px; margin-top: 3px;}
1118 .project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
1120 .project.task_done { background:#00c600 url(../images/milestone_done.png); border: 1px solid #00c600; height: 2px; margin-top: 3px;}
1119 .project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
1121 .project.task_todo { background:#fff url(../images/milestone_todo.png); border: 1px solid #fff; height: 2px; margin-top: 3px;}
1120 .project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
1122 .project.marker { background-image:url(../images/project_marker.png); background-repeat: no-repeat; border: 0; margin-left: -4px; margin-top: 1px; }
1121
1123
1122 .version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
1124 .version-behind-schedule a, .issue-behind-schedule a {color: #f66914;}
1123 .version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
1125 .version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
1124
1126
1125 /***** Icons *****/
1127 /***** Icons *****/
1126 .icon {
1128 .icon {
1127 background-position: 0% 50%;
1129 background-position: 0% 50%;
1128 background-repeat: no-repeat;
1130 background-repeat: no-repeat;
1129 padding-left: 20px;
1131 padding-left: 20px;
1130 padding-top: 2px;
1132 padding-top: 2px;
1131 padding-bottom: 3px;
1133 padding-bottom: 3px;
1132 }
1134 }
1133 .icon-only {
1135 .icon-only {
1134 background-position: 0% 50%;
1136 background-position: 0% 50%;
1135 background-repeat: no-repeat;
1137 background-repeat: no-repeat;
1136 padding-left: 16px;
1138 padding-left: 16px;
1137 }
1139 }
1138 a.icon-only {
1140 a.icon-only {
1139 display: inline-block;
1141 display: inline-block;
1140 width: 0;
1142 width: 0;
1141 height: 16px;
1143 height: 16px;
1142 overflow: hidden;
1144 overflow: hidden;
1143 padding-top: 0;
1145 padding-top: 0;
1144 padding-bottom: 0;
1146 padding-bottom: 0;
1145 font-size: 8px;
1147 font-size: 8px;
1146 vertical-align: text-bottom;
1148 vertical-align: text-bottom;
1147 }
1149 }
1148 a.icon-only::after {
1150 a.icon-only::after {
1149 content: "&nbsp;";
1151 content: "&nbsp;";
1150 }
1152 }
1151
1153
1152 .icon-add { background-image: url(../images/add.png); }
1154 .icon-add { background-image: url(../images/add.png); }
1153 .icon-edit { background-image: url(../images/edit.png); }
1155 .icon-edit { background-image: url(../images/edit.png); }
1154 .icon-copy { background-image: url(../images/copy.png); }
1156 .icon-copy { background-image: url(../images/copy.png); }
1155 .icon-duplicate { background-image: url(../images/duplicate.png); }
1157 .icon-duplicate { background-image: url(../images/duplicate.png); }
1156 .icon-del { background-image: url(../images/delete.png); }
1158 .icon-del { background-image: url(../images/delete.png); }
1157 .icon-move { background-image: url(../images/move.png); }
1159 .icon-move { background-image: url(../images/move.png); }
1158 .icon-save { background-image: url(../images/save.png); }
1160 .icon-save { background-image: url(../images/save.png); }
1159 .icon-cancel { background-image: url(../images/cancel.png); }
1161 .icon-cancel { background-image: url(../images/cancel.png); }
1160 .icon-multiple { background-image: url(../images/table_multiple.png); }
1162 .icon-multiple { background-image: url(../images/table_multiple.png); }
1161 .icon-folder { background-image: url(../images/folder.png); }
1163 .icon-folder { background-image: url(../images/folder.png); }
1162 .open .icon-folder { background-image: url(../images/folder_open.png); }
1164 .open .icon-folder { background-image: url(../images/folder_open.png); }
1163 .icon-package { background-image: url(../images/package.png); }
1165 .icon-package { background-image: url(../images/package.png); }
1164 .icon-user { background-image: url(../images/user.png); }
1166 .icon-user { background-image: url(../images/user.png); }
1165 .icon-projects { background-image: url(../images/projects.png); }
1167 .icon-projects { background-image: url(../images/projects.png); }
1166 .icon-help { background-image: url(../images/help.png); }
1168 .icon-help { background-image: url(../images/help.png); }
1167 .icon-attachment { background-image: url(../images/attachment.png); }
1169 .icon-attachment { background-image: url(../images/attachment.png); }
1168 .icon-history { background-image: url(../images/history.png); }
1170 .icon-history { background-image: url(../images/history.png); }
1169 .icon-time { background-image: url(../images/time.png); }
1171 .icon-time { background-image: url(../images/time.png); }
1170 .icon-time-add { background-image: url(../images/time_add.png); }
1172 .icon-time-add { background-image: url(../images/time_add.png); }
1171 .icon-stats { background-image: url(../images/stats.png); }
1173 .icon-stats { background-image: url(../images/stats.png); }
1172 .icon-warning { background-image: url(../images/warning.png); }
1174 .icon-warning { background-image: url(../images/warning.png); }
1173 .icon-error { background-image: url(../images/exclamation.png); }
1175 .icon-error { background-image: url(../images/exclamation.png); }
1174 .icon-fav { background-image: url(../images/fav.png); }
1176 .icon-fav { background-image: url(../images/fav.png); }
1175 .icon-fav-off { background-image: url(../images/fav_off.png); }
1177 .icon-fav-off { background-image: url(../images/fav_off.png); }
1176 .icon-reload { background-image: url(../images/reload.png); }
1178 .icon-reload { background-image: url(../images/reload.png); }
1177 .icon-lock { background-image: url(../images/locked.png); }
1179 .icon-lock { background-image: url(../images/locked.png); }
1178 .icon-unlock { background-image: url(../images/unlock.png); }
1180 .icon-unlock { background-image: url(../images/unlock.png); }
1179 .icon-checked { background-image: url(../images/toggle_check.png); }
1181 .icon-checked { background-image: url(../images/toggle_check.png); }
1180 .icon-details { background-image: url(../images/zoom_in.png); }
1182 .icon-details { background-image: url(../images/zoom_in.png); }
1181 .icon-report { background-image: url(../images/report.png); }
1183 .icon-report { background-image: url(../images/report.png); }
1182 .icon-comment { background-image: url(../images/comment.png); }
1184 .icon-comment { background-image: url(../images/comment.png); }
1183 .icon-summary { background-image: url(../images/lightning.png); }
1185 .icon-summary { background-image: url(../images/lightning.png); }
1184 .icon-server-authentication { background-image: url(../images/server_key.png); }
1186 .icon-server-authentication { background-image: url(../images/server_key.png); }
1185 .icon-issue { background-image: url(../images/ticket.png); }
1187 .icon-issue { background-image: url(../images/ticket.png); }
1186 .icon-zoom-in { background-image: url(../images/zoom_in.png); }
1188 .icon-zoom-in { background-image: url(../images/zoom_in.png); }
1187 .icon-zoom-out { background-image: url(../images/zoom_out.png); }
1189 .icon-zoom-out { background-image: url(../images/zoom_out.png); }
1188 .icon-magnifier { background-image: url(../images/magnifier.png); }
1190 .icon-magnifier { background-image: url(../images/magnifier.png); }
1189 .icon-passwd { background-image: url(../images/textfield_key.png); }
1191 .icon-passwd { background-image: url(../images/textfield_key.png); }
1190 .icon-test { background-image: url(../images/bullet_go.png); }
1192 .icon-test { background-image: url(../images/bullet_go.png); }
1191 .icon-email { background-image: url(../images/email.png); }
1193 .icon-email { background-image: url(../images/email.png); }
1192 .icon-email-disabled { background-image: url(../images/email_disabled.png); }
1194 .icon-email-disabled { background-image: url(../images/email_disabled.png); }
1193 .icon-email-add { background-image: url(../images/email_add.png); }
1195 .icon-email-add { background-image: url(../images/email_add.png); }
1194 .icon-move-up { background-image: url(../images/1uparrow.png); }
1196 .icon-move-up { background-image: url(../images/1uparrow.png); }
1195 .icon-move-top { background-image: url(../images/2uparrow.png); }
1197 .icon-move-top { background-image: url(../images/2uparrow.png); }
1196 .icon-move-down { background-image: url(../images/1downarrow.png); }
1198 .icon-move-down { background-image: url(../images/1downarrow.png); }
1197 .icon-move-bottom { background-image: url(../images/2downarrow.png); }
1199 .icon-move-bottom { background-image: url(../images/2downarrow.png); }
1198 .icon-ok { background-image: url(../images/true.png); }
1200 .icon-ok { background-image: url(../images/true.png); }
1199 .icon-not-ok { background-image: url(../images/false.png); }
1201 .icon-not-ok { background-image: url(../images/false.png); }
1200 .icon-link-break { background-image: url(../images/link_break.png); }
1202 .icon-link-break { background-image: url(../images/link_break.png); }
1201 .icon-list { background-image: url(../images/text_list_bullets.png); }
1203 .icon-list { background-image: url(../images/text_list_bullets.png); }
1202
1204
1203 .icon-file { background-image: url(../images/files/default.png); }
1205 .icon-file { background-image: url(../images/files/default.png); }
1204 .icon-file.text-plain { background-image: url(../images/files/text.png); }
1206 .icon-file.text-plain { background-image: url(../images/files/text.png); }
1205 .icon-file.text-x-c { background-image: url(../images/files/c.png); }
1207 .icon-file.text-x-c { background-image: url(../images/files/c.png); }
1206 .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
1208 .icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
1207 .icon-file.text-x-java { background-image: url(../images/files/java.png); }
1209 .icon-file.text-x-java { background-image: url(../images/files/java.png); }
1208 .icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
1210 .icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
1209 .icon-file.text-x-php { background-image: url(../images/files/php.png); }
1211 .icon-file.text-x-php { background-image: url(../images/files/php.png); }
1210 .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
1212 .icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
1211 .icon-file.text-xml { background-image: url(../images/files/xml.png); }
1213 .icon-file.text-xml { background-image: url(../images/files/xml.png); }
1212 .icon-file.text-css { background-image: url(../images/files/css.png); }
1214 .icon-file.text-css { background-image: url(../images/files/css.png); }
1213 .icon-file.text-html { background-image: url(../images/files/html.png); }
1215 .icon-file.text-html { background-image: url(../images/files/html.png); }
1214 .icon-file.image-gif { background-image: url(../images/files/image.png); }
1216 .icon-file.image-gif { background-image: url(../images/files/image.png); }
1215 .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
1217 .icon-file.image-jpeg { background-image: url(../images/files/image.png); }
1216 .icon-file.image-png { background-image: url(../images/files/image.png); }
1218 .icon-file.image-png { background-image: url(../images/files/image.png); }
1217 .icon-file.image-tiff { background-image: url(../images/files/image.png); }
1219 .icon-file.image-tiff { background-image: url(../images/files/image.png); }
1218 .icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
1220 .icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
1219 .icon-file.application-zip { background-image: url(../images/files/zip.png); }
1221 .icon-file.application-zip { background-image: url(../images/files/zip.png); }
1220 .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
1222 .icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
1221
1223
1222 .sort-handle { width:16px; height:16px; background:url(../images/reorder.png) no-repeat 0 50%; cursor:move; }
1224 .sort-handle { width:16px; height:16px; background:url(../images/reorder.png) no-repeat 0 50%; cursor:move; }
1223 .sort-handle.ajax-loading { background-image: url(../images/loading.gif); }
1225 .sort-handle.ajax-loading { background-image: url(../images/loading.gif); }
1224 tr.ui-sortable-helper { border:1px solid #e4e4e4; }
1226 tr.ui-sortable-helper { border:1px solid #e4e4e4; }
1225
1227
1226 .contextual>.icon:not(:first-child), .buttons>.icon:not(:first-child) { margin-left: 5px; }
1228 .contextual>.icon:not(:first-child), .buttons>.icon:not(:first-child) { margin-left: 5px; }
1227
1229
1228 img.gravatar {
1230 img.gravatar {
1229 vertical-align: middle;
1231 vertical-align: middle;
1230 border-radius: 20%;
1232 border-radius: 20%;
1231 }
1233 }
1232
1234
1233 div.issue img.gravatar {
1235 div.issue img.gravatar {
1234 float: left;
1236 float: left;
1235 margin: 0 6px 0 0;
1237 margin: 0 6px 0 0;
1236 }
1238 }
1237
1239
1238 h2 img.gravatar {margin: -2px 4px -4px 0;}
1240 h2 img.gravatar {margin: -2px 4px -4px 0;}
1239 h3 img.gravatar {margin: -4px 4px -4px 0;}
1241 h3 img.gravatar {margin: -4px 4px -4px 0;}
1240 h4 img.gravatar {margin: -6px 4px -4px 0;}
1242 h4 img.gravatar {margin: -6px 4px -4px 0;}
1241 td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
1243 td.username img.gravatar {margin: 0 0.5em 0 0; vertical-align: top;}
1242 #activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
1244 #activity dt img.gravatar {float: left; margin: 0 1em 1em 0;}
1243 /* Used on 12px Gravatar img tags without the icon background */
1245 /* Used on 12px Gravatar img tags without the icon background */
1244 .icon-gravatar {float: left; margin-right: 4px;}
1246 .icon-gravatar {float: left; margin-right: 4px;}
1245
1247
1246 #activity dt, .journal {clear: left;}
1248 #activity dt, .journal {clear: left;}
1247
1249
1248 .journal-link {float: right;}
1250 .journal-link {float: right;}
1249
1251
1250 h2 img { vertical-align:middle; }
1252 h2 img { vertical-align:middle; }
1251
1253
1252 .hascontextmenu { cursor: context-menu; }
1254 .hascontextmenu { cursor: context-menu; }
1253
1255
1254 .sample-data {border:1px solid #ccc; border-collapse:collapse; background-color:#fff; margin:0.5em;}
1256 .sample-data {border:1px solid #ccc; border-collapse:collapse; background-color:#fff; margin:0.5em;}
1255 .sample-data td {border:1px solid #ccc; padding: 2px 4px; font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
1257 .sample-data td {border:1px solid #ccc; padding: 2px 4px; font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
1256 .sample-data tr:first-child td {font-weight:bold; text-align:center;}
1258 .sample-data tr:first-child td {font-weight:bold; text-align:center;}
1257
1259
1258 .ui-progressbar {position: relative;}
1260 .ui-progressbar {position: relative;}
1259 #progress-label {
1261 #progress-label {
1260 position: absolute; left: 50%; top: 4px;
1262 position: absolute; left: 50%; top: 4px;
1261 font-weight: bold;
1263 font-weight: bold;
1262 color: #555; text-shadow: 1px 1px 0 #fff;
1264 color: #555; text-shadow: 1px 1px 0 #fff;
1263 }
1265 }
1264
1266
1265 /* Custom JQuery styles */
1267 /* Custom JQuery styles */
1266 .ui-datepicker-title select {width:70px !important; margin-top:-2px !important; margin-right:4px !important;}
1268 .ui-datepicker-title select {width:70px !important; margin-top:-2px !important; margin-right:4px !important;}
1267
1269
1268
1270
1269 /************* CodeRay styles *************/
1271 /************* CodeRay styles *************/
1270 .syntaxhl div {display: inline;}
1272 .syntaxhl div {display: inline;}
1271 .syntaxhl .code pre { overflow: auto }
1273 .syntaxhl .code pre { overflow: auto }
1272
1274
1273 .syntaxhl .annotation { color:#007 }
1275 .syntaxhl .annotation { color:#007 }
1274 .syntaxhl .attribute-name { color:#b48 }
1276 .syntaxhl .attribute-name { color:#b48 }
1275 .syntaxhl .attribute-value { color:#700 }
1277 .syntaxhl .attribute-value { color:#700 }
1276 .syntaxhl .binary { color:#549 }
1278 .syntaxhl .binary { color:#549 }
1277 .syntaxhl .binary .char { color:#325 }
1279 .syntaxhl .binary .char { color:#325 }
1278 .syntaxhl .binary .delimiter { color:#325 }
1280 .syntaxhl .binary .delimiter { color:#325 }
1279 .syntaxhl .char { color:#D20 }
1281 .syntaxhl .char { color:#D20 }
1280 .syntaxhl .char .content { color:#D20 }
1282 .syntaxhl .char .content { color:#D20 }
1281 .syntaxhl .char .delimiter { color:#710 }
1283 .syntaxhl .char .delimiter { color:#710 }
1282 .syntaxhl .class { color:#B06; font-weight:bold }
1284 .syntaxhl .class { color:#B06; font-weight:bold }
1283 .syntaxhl .class-variable { color:#369 }
1285 .syntaxhl .class-variable { color:#369 }
1284 .syntaxhl .color { color:#0A0 }
1286 .syntaxhl .color { color:#0A0 }
1285 .syntaxhl .comment { color:#777 }
1287 .syntaxhl .comment { color:#777 }
1286 .syntaxhl .comment .char { color:#444 }
1288 .syntaxhl .comment .char { color:#444 }
1287 .syntaxhl .comment .delimiter { color:#444 }
1289 .syntaxhl .comment .delimiter { color:#444 }
1288 .syntaxhl .constant { color:#036; font-weight:bold }
1290 .syntaxhl .constant { color:#036; font-weight:bold }
1289 .syntaxhl .decorator { color:#B0B }
1291 .syntaxhl .decorator { color:#B0B }
1290 .syntaxhl .definition { color:#099; font-weight:bold }
1292 .syntaxhl .definition { color:#099; font-weight:bold }
1291 .syntaxhl .delimiter { color:black }
1293 .syntaxhl .delimiter { color:black }
1292 .syntaxhl .directive { color:#088; font-weight:bold }
1294 .syntaxhl .directive { color:#088; font-weight:bold }
1293 .syntaxhl .docstring { color:#D42; }
1295 .syntaxhl .docstring { color:#D42; }
1294 .syntaxhl .doctype { color:#34b }
1296 .syntaxhl .doctype { color:#34b }
1295 .syntaxhl .done { text-decoration: line-through; color: gray }
1297 .syntaxhl .done { text-decoration: line-through; color: gray }
1296 .syntaxhl .entity { color:#800; font-weight:bold }
1298 .syntaxhl .entity { color:#800; font-weight:bold }
1297 .syntaxhl .error { color:#F00; background-color:#FAA }
1299 .syntaxhl .error { color:#F00; background-color:#FAA }
1298 .syntaxhl .escape { color:#666 }
1300 .syntaxhl .escape { color:#666 }
1299 .syntaxhl .exception { color:#C00; font-weight:bold }
1301 .syntaxhl .exception { color:#C00; font-weight:bold }
1300 .syntaxhl .float { color:#60E }
1302 .syntaxhl .float { color:#60E }
1301 .syntaxhl .function { color:#06B; font-weight:bold }
1303 .syntaxhl .function { color:#06B; font-weight:bold }
1302 .syntaxhl .function .delimiter { color:#059 }
1304 .syntaxhl .function .delimiter { color:#059 }
1303 .syntaxhl .function .content { color:#037 }
1305 .syntaxhl .function .content { color:#037 }
1304 .syntaxhl .global-variable { color:#d70 }
1306 .syntaxhl .global-variable { color:#d70 }
1305 .syntaxhl .hex { color:#02b }
1307 .syntaxhl .hex { color:#02b }
1306 .syntaxhl .id { color:#33D; font-weight:bold }
1308 .syntaxhl .id { color:#33D; font-weight:bold }
1307 .syntaxhl .include { color:#B44; font-weight:bold }
1309 .syntaxhl .include { color:#B44; font-weight:bold }
1308 .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
1310 .syntaxhl .inline { background-color: hsla(0,0%,0%,0.07); color: black }
1309 .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
1311 .syntaxhl .inline-delimiter { font-weight: bold; color: #666 }
1310 .syntaxhl .instance-variable { color:#33B }
1312 .syntaxhl .instance-variable { color:#33B }
1311 .syntaxhl .integer { color:#00D }
1313 .syntaxhl .integer { color:#00D }
1312 .syntaxhl .imaginary { color:#f00 }
1314 .syntaxhl .imaginary { color:#f00 }
1313 .syntaxhl .important { color:#D00 }
1315 .syntaxhl .important { color:#D00 }
1314 .syntaxhl .key { color: #606 }
1316 .syntaxhl .key { color: #606 }
1315 .syntaxhl .key .char { color: #60f }
1317 .syntaxhl .key .char { color: #60f }
1316 .syntaxhl .key .delimiter { color: #404 }
1318 .syntaxhl .key .delimiter { color: #404 }
1317 .syntaxhl .keyword { color:#080; font-weight:bold }
1319 .syntaxhl .keyword { color:#080; font-weight:bold }
1318 .syntaxhl .label { color:#970; font-weight:bold }
1320 .syntaxhl .label { color:#970; font-weight:bold }
1319 .syntaxhl .local-variable { color:#950 }
1321 .syntaxhl .local-variable { color:#950 }
1320 .syntaxhl .map .content { color:#808 }
1322 .syntaxhl .map .content { color:#808 }
1321 .syntaxhl .map .delimiter { color:#40A}
1323 .syntaxhl .map .delimiter { color:#40A}
1322 .syntaxhl .map { background-color:hsla(200,100%,50%,0.06); }
1324 .syntaxhl .map { background-color:hsla(200,100%,50%,0.06); }
1323 .syntaxhl .namespace { color:#707; font-weight:bold }
1325 .syntaxhl .namespace { color:#707; font-weight:bold }
1324 .syntaxhl .octal { color:#40E }
1326 .syntaxhl .octal { color:#40E }
1325 .syntaxhl .operator { }
1327 .syntaxhl .operator { }
1326 .syntaxhl .predefined { color:#369; font-weight:bold }
1328 .syntaxhl .predefined { color:#369; font-weight:bold }
1327 .syntaxhl .predefined-constant { color:#069 }
1329 .syntaxhl .predefined-constant { color:#069 }
1328 .syntaxhl .predefined-type { color:#0a8; font-weight:bold }
1330 .syntaxhl .predefined-type { color:#0a8; font-weight:bold }
1329 .syntaxhl .preprocessor { color:#579 }
1331 .syntaxhl .preprocessor { color:#579 }
1330 .syntaxhl .pseudo-class { color:#00C; font-weight:bold }
1332 .syntaxhl .pseudo-class { color:#00C; font-weight:bold }
1331 .syntaxhl .regexp { background-color:hsla(300,100%,50%,0.06); }
1333 .syntaxhl .regexp { background-color:hsla(300,100%,50%,0.06); }
1332 .syntaxhl .regexp .content { color:#808 }
1334 .syntaxhl .regexp .content { color:#808 }
1333 .syntaxhl .regexp .delimiter { color:#404 }
1335 .syntaxhl .regexp .delimiter { color:#404 }
1334 .syntaxhl .regexp .modifier { color:#C2C }
1336 .syntaxhl .regexp .modifier { color:#C2C }
1335 .syntaxhl .reserved { color:#080; font-weight:bold }
1337 .syntaxhl .reserved { color:#080; font-weight:bold }
1336 .syntaxhl .shell { background-color:hsla(120,100%,50%,0.06); }
1338 .syntaxhl .shell { background-color:hsla(120,100%,50%,0.06); }
1337 .syntaxhl .shell .content { color:#2B2 }
1339 .syntaxhl .shell .content { color:#2B2 }
1338 .syntaxhl .shell .delimiter { color:#161 }
1340 .syntaxhl .shell .delimiter { color:#161 }
1339 .syntaxhl .string { background-color:hsla(0,100%,50%,0.05); }
1341 .syntaxhl .string { background-color:hsla(0,100%,50%,0.05); }
1340 .syntaxhl .string .char { color: #b0b }
1342 .syntaxhl .string .char { color: #b0b }
1341 .syntaxhl .string .content { color: #D20 }
1343 .syntaxhl .string .content { color: #D20 }
1342 .syntaxhl .string .delimiter { color: #710 }
1344 .syntaxhl .string .delimiter { color: #710 }
1343 .syntaxhl .string .modifier { color: #E40 }
1345 .syntaxhl .string .modifier { color: #E40 }
1344 .syntaxhl .symbol { color:#A60 }
1346 .syntaxhl .symbol { color:#A60 }
1345 .syntaxhl .symbol .content { color:#A60 }
1347 .syntaxhl .symbol .content { color:#A60 }
1346 .syntaxhl .symbol .delimiter { color:#740 }
1348 .syntaxhl .symbol .delimiter { color:#740 }
1347 .syntaxhl .tag { color:#070; font-weight:bold }
1349 .syntaxhl .tag { color:#070; font-weight:bold }
1348 .syntaxhl .type { color:#339; font-weight:bold }
1350 .syntaxhl .type { color:#339; font-weight:bold }
1349 .syntaxhl .value { color: #088 }
1351 .syntaxhl .value { color: #088 }
1350 .syntaxhl .variable { color:#037 }
1352 .syntaxhl .variable { color:#037 }
1351
1353
1352 .syntaxhl .insert { background: hsla(120,100%,50%,0.12) }
1354 .syntaxhl .insert { background: hsla(120,100%,50%,0.12) }
1353 .syntaxhl .delete { background: hsla(0,100%,50%,0.12) }
1355 .syntaxhl .delete { background: hsla(0,100%,50%,0.12) }
1354 .syntaxhl .change { color: #bbf; background: #007 }
1356 .syntaxhl .change { color: #bbf; background: #007 }
1355 .syntaxhl .head { color: #f8f; background: #505 }
1357 .syntaxhl .head { color: #f8f; background: #505 }
1356 .syntaxhl .head .filename { color: white; }
1358 .syntaxhl .head .filename { color: white; }
1357
1359
1358 .syntaxhl .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
1360 .syntaxhl .delete .eyecatcher { background-color: hsla(0,100%,50%,0.2); border: 1px solid hsla(0,100%,45%,0.5); margin: -1px; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
1359 .syntaxhl .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
1361 .syntaxhl .insert .eyecatcher { background-color: hsla(120,100%,50%,0.2); border: 1px solid hsla(120,100%,25%,0.5); margin: -1px; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
1360
1362
1361 .syntaxhl .insert .insert { color: #0c0; background:transparent; font-weight:bold }
1363 .syntaxhl .insert .insert { color: #0c0; background:transparent; font-weight:bold }
1362 .syntaxhl .delete .delete { color: #c00; background:transparent; font-weight:bold }
1364 .syntaxhl .delete .delete { color: #c00; background:transparent; font-weight:bold }
1363 .syntaxhl .change .change { color: #88f }
1365 .syntaxhl .change .change { color: #88f }
1364 .syntaxhl .head .head { color: #f4f }
1366 .syntaxhl .head .head { color: #f4f }
1365
1367
1366 /***** Media print specific styles *****/
1368 /***** Media print specific styles *****/
1367 @media print {
1369 @media print {
1368 #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
1370 #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
1369 #main { background: #fff; }
1371 #main { background: #fff; }
1370 #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
1372 #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
1371 #wiki_add_attachment { display:none; }
1373 #wiki_add_attachment { display:none; }
1372 .hide-when-print { display: none; }
1374 .hide-when-print { display: none; }
1373 .autoscroll {overflow-x: visible;}
1375 .autoscroll {overflow-x: visible;}
1374 table.list {margin-top:0.5em;}
1376 table.list {margin-top:0.5em;}
1375 table.list th, table.list td {border: 1px solid #aaa;}
1377 table.list th, table.list td {border: 1px solid #aaa;}
1376 }
1378 }
1377
1379
1378 /* Accessibility specific styles */
1380 /* Accessibility specific styles */
1379 .hidden-for-sighted {
1381 .hidden-for-sighted {
1380 position:absolute;
1382 position:absolute;
1381 left:-10000px;
1383 left:-10000px;
1382 top:auto;
1384 top:auto;
1383 width:1px;
1385 width:1px;
1384 height:1px;
1386 height:1px;
1385 overflow:hidden;
1387 overflow:hidden;
1386 }
1388 }
Show file before | Show file after | Hide comments
@@ -1,795 +1,797
1 /*----------------------------------------*\
1 /*----------------------------------------*\
2 RESPONSIVE CSS
2 RESPONSIVE CSS
3 \*----------------------------------------*/
3 \*----------------------------------------*/
4
4
5 /*
5 /*
6 CONTENTS
6 CONTENTS
7
7
8 A) BASIC MOBILE RESETS
8 A) BASIC MOBILE RESETS
9 B) HEADER & TOP MENUS
9 B) HEADER & TOP MENUS
10 C) MAIN CONTENT & SIDEBAR
10 C) MAIN CONTENT & SIDEBAR
11 D) TOGGLE BUTTON & FLYOUT MENU
11 D) TOGGLE BUTTON & FLYOUT MENU
12 E) UX ELEMENTS
12 E) UX ELEMENTS
13 F) PAGE SPECIFIC STYLES
13 F) PAGE SPECIFIC STYLES
14 G) FORMS
14 G) FORMS
15 */
15 */
16
16
17 /* Hide new elements (toggle button and flyout menu) above 900px */
17 /* Hide new elements (toggle button and flyout menu) above 900px */
18 .mobile-toggle-button,
18 .mobile-toggle-button,
19 .flyout-menu {
19 .flyout-menu {
20 display: none;
20 display: none;
21 }
21 }
22
22
23 /*
23 /*
24 redmine's body is set to min-width: 900px
24 redmine's body is set to min-width: 900px
25 add first breakpoint here and start adding responsiveness
25 add first breakpoint here and start adding responsiveness
26 */
26 */
27
27
28 @media all and (max-width: 899px)
28 @media all and (max-width: 899px)
29 {
29 {
30 /*----------------------------------------*\
30 /*----------------------------------------*\
31 A) BASIC MOBILE RESETS
31 A) BASIC MOBILE RESETS
32 \*----------------------------------------*/
32 \*----------------------------------------*/
33
33
34 /*
34 /*
35 apply natural border box, see: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
35 apply natural border box, see: http://www.paulirish.com/2012/box-sizing-border-box-ftw/
36 this helps us to better deal with percentages and padding / margin
36 this helps us to better deal with percentages and padding / margin
37 */
37 */
38 *,
38 *,
39 *:before,
39 *:before,
40 *:after {
40 *:after {
41 -webkit-box-sizing: border-box;
41 -webkit-box-sizing: border-box;
42 -moz-box-sizing: border-box;
42 -moz-box-sizing: border-box;
43 box-sizing: border-box;
43 box-sizing: border-box;
44 }
44 }
45
45
46 body,
46 body,
47 html {
47 html {
48 height: 100%;
48 height: 100%;
49 margin: 0;
49 margin: 0;
50 padding: 0;
50 padding: 0;
51 }
51 }
52
52
53 html {
53 html {
54 overflow-y: auto; /* avoid 2nd scrollbar on desktop */
54 overflow-y: auto; /* avoid 2nd scrollbar on desktop */
55 -webkit-text-size-adjust: 100%; /* prevent font scaling in landscape mode on webkit */
55 -webkit-text-size-adjust: 100%; /* prevent font scaling in landscape mode on webkit */
56 }
56 }
57
57
58 body {
58 body {
59 min-width: 0; /* reset the min-width of 900px */
59 min-width: 0; /* reset the min-width of 900px */
60 -webkit-overflow-scrolling: touch;
60 -webkit-overflow-scrolling: touch;
61 }
61 }
62
62
63 body,
63 body,
64 input,
64 input,
65 select,
65 select,
66 textarea,
66 textarea,
67 button {
67 button {
68 font-size: 14px; /* Set font-size for standard elements to 14px */
68 font-size: 14px; /* Set font-size for standard elements to 14px */
69 }
69 }
70
70
71 select {
71 select {
72 max-width: 100%; /* prevent long names within select menues from breaking content */
72 max-width: 100%; /* prevent long names within select menues from breaking content */
73 }
73 }
74
74
75 #wrapper {
75 #wrapper {
76 position: relative;
76 position: relative;
77 overflow-x: hidden; /* hide horizontal overflow */
77 overflow-x: hidden; /* hide horizontal overflow */
78 max-width: 100%;
78 max-width: 100%;
79 }
79 }
80
80
81 #wrapper,
81 #wrapper,
82 #wrapper2 {
82 #wrapper2 {
83 margin: 0;
83 margin: 0;
84 }
84 }
85
85
86 /*----------------------------------------*\
86 /*----------------------------------------*\
87 B) HEADER & TOP MENUS
87 B) HEADER & TOP MENUS
88 \*----------------------------------------*/
88 \*----------------------------------------*/
89
89
90 #header {
90 #header {
91 width: 100%;
91 width: 100%;
92 height: 64px; /* the height of our header on mobile */
92 height: 64px; /* the height of our header on mobile */
93 min-height: 0;
93 min-height: 0;
94 margin: 0;
94 margin: 0;
95 padding: 0;
95 padding: 0;
96 border: none;
96 border: none;
97 background-color: #628db6;
97 background-color: #628db6;
98 position: fixed;
98 position: fixed;
99 z-index: 9999;
99 z-index: 9999;
100 }
100 }
101
101
102 /* Hide project name on mobile (project name is still visible in select menu) */
102 /* Hide project name on mobile (project name is still visible in select menu) */
103 #header h1 {
103 #header h1 {
104 display: none !important;
104 display: none !important;
105 }
105 }
106
106
107 /* reset #header a color for mobile toggle button */
107 /* reset #header a color for mobile toggle button */
108 #header a.mobile-toggle-button {
108 #header a.mobile-toggle-button {
109 color: #f8f8f8;
109 color: #f8f8f8;
110 }
110 }
111
111
112
112
113 /* Hide top-menu and main-menu on mobile, because it's placed in our flyout menu */
113 /* Hide top-menu and main-menu on mobile, because it's placed in our flyout menu */
114 #top-menu,
114 #top-menu,
115 #header #main-menu {
115 #header #main-menu {
116 display: none;
116 display: none;
117 }
117 }
118
118
119 /* the quick search within header holding search form and #project_quick_jump_box box*/
119 /* the quick search within header holding search form and #project_quick_jump_box box*/
120 #header #quick-search {
120 #header #quick-search {
121 float: none;
121 float: none;
122 clear: none; /* there are themes which set clear property, this resets it */
122 clear: none; /* there are themes which set clear property, this resets it */
123 max-width: 100%; /* reset max-width */
123 max-width: 100%; /* reset max-width */
124 margin: 0;
124 margin: 0;
125 background: inherit;
125 background: inherit;
126 }
126 }
127
127
128 /* this represents the dropdown arrow to left of the mobile project menu */
128 /* this represents the dropdown arrow to left of the mobile project menu */
129 #header .jump-box-arrow:before {
129 #header .jump-box-arrow:before {
130 /* set a font-size in order to achive same result in different themes */
130 /* set a font-size in order to achive same result in different themes */
131 font-family: Verdana, sans-serif;
131 font-family: Verdana, sans-serif;
132 font-size: 2em;
132 font-size: 2em;
133 line-height: 64px;
133 line-height: 64px;
134
134
135 position: absolute;
135 position: absolute;
136 left: 0;
136 left: 0;
137
137
138 width: 2em;
138 width: 2em;
139 padding: 0 .5em;
139 padding: 0 .5em;
140 /* achieve dropdwon arrow by scaling a caret character */
140 /* achieve dropdwon arrow by scaling a caret character */
141 content: '^';
141 content: '^';
142 -webkit-transform: scale(1,-.8);
142 -webkit-transform: scale(1,-.8);
143 -ms-transform: scale(1,-.8);
143 -ms-transform: scale(1,-.8);
144 transform: scale(1,-.8);
144 transform: scale(1,-.8);
145 text-align: right;
145 text-align: right;
146 pointer-events: none;
146 pointer-events: none;
147
147
148 opacity: .6;
148 opacity: .6;
149 }
149 }
150
150
151 /* styles for combobox within quick-search (#project_quick_jump_box) */
151 /* styles for combobox within quick-search (#project_quick_jump_box) */
152 #header #quick-search select {
152 #header #quick-search select {
153 font-size: 1.5em;
153 font-size: 1.5em;
154 font-weight: bold;
154 font-weight: bold;
155 line-height: 1.2;
155 line-height: 1.2;
156
156
157 position: absolute;
157 position: absolute;
158 top: 15px;
158 top: 15px;
159 left: 0;
159 left: 0;
160
160
161 float: left;
161 float: left;
162
162
163 width: 100%;
163 width: 100%;
164 max-width: 100%;
164 max-width: 100%;
165 height: 2em;
165 height: 2em;
166 height: 35px;
166 height: 35px;
167 padding: 5px;
167 padding: 5px;
168 padding-right: 72px;
168 padding-right: 72px;
169 padding-left: 50px;
169 padding-left: 50px;
170
170
171 text-indent: .01px;
171 text-indent: .01px;
172
172
173 color: inherit;
173 color: inherit;
174 border: 0;
174 border: 0;
175 -webkit-border-radius: 0;
175 -webkit-border-radius: 0;
176 border-radius: 0;
176 border-radius: 0;
177 background: none;
177 background: none;
178 -webkit-box-shadow: none;
178 -webkit-box-shadow: none;
179 box-shadow: none;
179 box-shadow: none;
180 /* hide default browser arrow */
180 /* hide default browser arrow */
181 -webkit-appearance: none;
181 -webkit-appearance: none;
182 -moz-appearance: none;
182 -moz-appearance: none;
183 }
183 }
184
184
185 #header #quick-search form {
185 #header #quick-search form {
186 display: none;
186 display: none;
187 }
187 }
188
188
189 /*----------------------------------------*\
189 /*----------------------------------------*\
190 C) MAIN CONTENT & SIDEBAR
190 C) MAIN CONTENT & SIDEBAR
191 \*----------------------------------------*/
191 \*----------------------------------------*/
192
192
193 #main {
193 #main {
194 padding: 64px 0 0; /* padding-top equals header height */
194 padding: 64px 0 0; /* padding-top equals header height */
195 }
195 }
196
196
197 #main.nosidebar #content,
197 #main.nosidebar #content,
198 div#content {
198 div#content {
199 width: 100%;
199 width: 100%;
200 min-height: 0; /* reset min-height of #content */
200 min-height: 0; /* reset min-height of #content */
201 margin: 0;
201 margin: 0;
202 }
202 }
203
203
204 /* hide sidebar and sidebar switch panel, since it's placed in mobile flyout menu */
204 /* hide sidebar and sidebar switch panel, since it's placed in mobile flyout menu */
205 #sidebar,
205 #sidebar,
206 #sidebar-switch-panel {
206 #sidebar-switch-panel {
207 display: none;
207 display: none;
208 }
208 }
209
209
210 .splitcontentleft {
210 .splitcontentleft {
211 width: 100%;
211 width: 100%;
212 }
212 }
213
213
214 .splitcontentright {
214 .splitcontentright {
215 width: 100%;
215 width: 100%;
216 }
216 }
217
217
218 /*----------------------------------------*\
218 /*----------------------------------------*\
219 D) TOGGLE BUTTON & FLYOUT MENU
219 D) TOGGLE BUTTON & FLYOUT MENU
220 \*----------------------------------------*/
220 \*----------------------------------------*/
221
221
222 .mobile-toggle-button {
222 .mobile-toggle-button {
223 font-size: 42px;
223 font-size: 42px;
224 line-height: 64px;
224 line-height: 64px;
225
225
226 position: relative;
226 position: relative;
227 z-index: 10;
227 z-index: 10;
228
228
229 display: block; /* remove display: none; of non-mobile version */
229 display: block; /* remove display: none; of non-mobile version */
230 float: right;
230 float: right;
231
231
232 width: 60px;
232 width: 60px;
233 height: 64px;
233 height: 64px;
234 margin-top: 0;
234 margin-top: 0;
235
235
236 text-align: center;
236 text-align: center;
237
237
238 border-left: 1px solid #ddd;
238 border-left: 1px solid #ddd;
239 }
239 }
240
240
241 .mobile-toggle-button:hover,
241 .mobile-toggle-button:hover,
242 .mobile-toggle-button:active {
242 .mobile-toggle-button:active {
243 text-decoration: none;
243 text-decoration: none;
244 }
244 }
245
245
246 .mobile-toggle-button:after {
246 .mobile-toggle-button:after {
247 font-family: Verdana, sans-serif;
247 font-family: Verdana, sans-serif;
248 display: block;
248 display: block;
249 margin-top: -3px;
249 margin-top: -3px;
250 content: '\2261';
250 content: '\2261';
251 }
251 }
252
252
253 /* search magnifier icon */
253 /* search magnifier icon */
254 .search-magnifier {
254 .search-magnifier {
255 font-family: Verdana;
255 font-family: Verdana;
256 color: #bbb;
256 color: #bbb;
257
257
258 cursor: pointer;
258 cursor: pointer;
259 -webkit-transform: rotate(-45deg);
259 -webkit-transform: rotate(-45deg);
260 -moz-transform: rotate(45deg);
260 -moz-transform: rotate(45deg);
261 -o-transform: rotate(45deg);
261 -o-transform: rotate(45deg);
262 }
262 }
263
263
264 .search-magnifier--flyout {
264 .search-magnifier--flyout {
265 font-size: 25px;
265 font-size: 25px;
266 line-height: 54px;
266 line-height: 54px;
267
267
268 position: absolute;
268 position: absolute;
269 z-index: 1;
269 z-index: 1;
270 left: 12px;
270 left: 12px;
271 }
271 }
272
272
273 /* Flyout Menu */
273 /* Flyout Menu */
274
274
275 .flyout-menu {
275 .flyout-menu {
276 position: absolute;
276 position: absolute;
277 right: -250px;
277 right: -250px;
278
278
279 display: block; /* remove display: none; of non-mobile version */
279 display: block; /* remove display: none; of non-mobile version */
280 overflow-x: hidden;
280 overflow-x: hidden;
281
281
282 width: 250px;
282 width: 250px;
283 height: 100%;
283 height: 100%;
284 margin: 0; /* reset margin for themes that define it */
284 margin: 0; /* reset margin for themes that define it */
285 padding: 0; /* reset padding for themes that define it */
285 padding: 0; /* reset padding for themes that define it */
286
286
287 color: white;
287 color: white;
288 background-color: #3e5b76;
288 background-color: #3e5b76;
289 }
289 }
290
290
291 /* avoid zoom on search input focus for ios devices */
291 /* avoid zoom on search input focus for ios devices */
292 .flyout-menu input[type='text'] {
292 .flyout-menu input[type='text'] {
293 font-size: 16px;
293 font-size: 16px;
294 }
294 }
295
295
296 .flyout-menu h3 {
296 .flyout-menu h3 {
297 font-size: 11px;
297 font-size: 11px;
298 line-height: 19px;
298 line-height: 19px;
299
299
300 height: 20px;
300 height: 20px;
301 margin: 0;
301 margin: 0;
302 padding: 0;
302 padding: 0;
303
303
304 letter-spacing: .1em;
304 letter-spacing: .1em;
305 text-transform: uppercase;
305 text-transform: uppercase;
306
306
307 color: white;
307 color: white;
308 border-top: 1px solid #506a83;
308 border-top: 1px solid #506a83;
309 border-bottom: 1px solid #506a83;
309 border-bottom: 1px solid #506a83;
310 background-color: #628db6;
310 background-color: #628db6;
311 }
311 }
312
312
313 .flyout-menu h4 {
313 .flyout-menu h4 {
314 color: white;
314 color: white;
315 }
315 }
316
316
317 .flyout-menu h3,
317 .flyout-menu h3,
318 .flyout-menu h4,
318 .flyout-menu h4,
319 .flyout-menu > p,
319 .flyout-menu > p,
320 .flyout-menu > a,
320 .flyout-menu > a,
321 .flyout-menu ul li a,
321 .flyout-menu ul li a,
322 .flyout-menu__search,
322 .flyout-menu__search,
323 .flyout-menu__sidebar > div,
323 .flyout-menu__sidebar > div,
324 .flyout-menu__sidebar > p,
324 .flyout-menu__sidebar > p,
325 .flyout-menu__sidebar > a,
325 .flyout-menu__sidebar > a,
326 .flyout-menu__sidebar > form,
326 .flyout-menu__sidebar > form,
327 .flyout-menu > div,
327 .flyout-menu > div,
328 .flyout-menu > form {
328 .flyout-menu > form {
329 padding-left: 8px;
329 padding-left: 8px;
330 }
330 }
331
331
332 .flyout-menu .flyout-menu__avatar {
332 .flyout-menu .flyout-menu__avatar {
333 margin-top: -1px; /* move avatar up 1px */
333 margin-top: -1px; /* move avatar up 1px */
334 padding-left: 0;
334 padding-left: 0;
335 }
335 }
336
336
337 .flyout-menu__sidebar > form {
337 .flyout-menu__sidebar > form {
338 display: block;
338 display: block;
339 }
339 }
340
340
341 .flyout-menu__sidebar > form h3 {
341 .flyout-menu__sidebar > form h3 {
342 margin-left: -8px;
342 margin-left: -8px;
343 }
343 }
344
344
345 .flyout-menu__sidebar > form label {
345 .flyout-menu__sidebar > form label {
346 display: inline-block;
346 display: inline-block;
347 margin: 8px 0;
347 margin: 8px 0;
348 }
348 }
349
349
350 .flyout-menu__sidebar > form br br {
350 .flyout-menu__sidebar > form br br {
351 display: none;
351 display: none;
352 }
352 }
353
353
354 /* Targets list containing checkboxes (e.g. activities sidebar) in flyout menu */
354 /* Targets list containing checkboxes (e.g. activities sidebar) in flyout menu */
355 .flyout-menu__sidebar form > ul {
355 .flyout-menu__sidebar form > ul {
356 margin-left: -8px;
356 margin-left: -8px;
357 padding-left: 0;
357 padding-left: 0;
358 }
358 }
359
359
360 .flyout-menu__sidebar form > ul li {
360 .flyout-menu__sidebar form > ul li {
361 line-height: 39px;
361 line-height: 39px;
362 display: block;
362 display: block;
363 padding-left: 8px;
363 padding-left: 8px;
364 border-top: 1px solid rgba(255,255,255,.1);
364 border-top: 1px solid rgba(255,255,255,.1);
365 }
365 }
366
366
367 .flyout-menu__sidebar form > ul li:first-child {
367 .flyout-menu__sidebar form > ul li:first-child {
368 border-top: none;
368 border-top: none;
369 }
369 }
370
370
371 .flyout-menu__sidebar form > ul li label {
371 .flyout-menu__sidebar form > ul li label {
372 margin: 0;
372 margin: 0;
373 }
373 }
374
374
375 .flyout-menu__sidebar form > ul li label a {
375 .flyout-menu__sidebar form > ul li label a {
376 line-height: 1;
376 line-height: 1;
377 display: inline;
377 display: inline;
378 padding-left: 0;
378 padding-left: 0;
379 border: none;
379 border: none;
380 }
380 }
381
381
382 .flyout-menu ul {
382 .flyout-menu ul {
383 margin: 0;
383 margin: 0;
384 padding: 0;
384 padding: 0;
385 list-style: none;
385 list-style: none;
386 }
386 }
387
387
388 .flyout-menu #watchers {
388 .flyout-menu #watchers {
389 display: -webkit-flex;
389 display: -webkit-flex;
390 display: -ms-flexbox;
390 display: -ms-flexbox;
391 display: -webkit-box;
391 display: -webkit-box;
392 display: flex;
392 display: flex;
393 flex-direction: column;
393 flex-direction: column;
394
394
395 -webkit-flex-direction: column;
395 -webkit-flex-direction: column;
396 -ms-flex-direction: column;
396 -ms-flex-direction: column;
397 -webkit-box-orient: vertical;
397 -webkit-box-orient: vertical;
398 -webkit-box-direction: normal;
398 -webkit-box-direction: normal;
399 }
399 }
400
400
401 .flyout-menu #watchers .contextual {
401 .flyout-menu #watchers .contextual {
402 -webkit-box-ordinal-group: 4;
402 -webkit-box-ordinal-group: 4;
403 -webkit-order: 3;
403 -webkit-order: 3;
404 -ms-flex-order: 3;
404 -ms-flex-order: 3;
405 order: 3;
405 order: 3;
406 }
406 }
407
407
408 .flyout-menu #watchers h3 {
408 .flyout-menu #watchers h3 {
409 margin-left: -8px;
409 margin-left: -8px;
410 }
410 }
411
411
412 .flyout-menu #watchers ul li {
412 .flyout-menu #watchers ul li {
413 display: -webkit-flex;
413 display: -webkit-flex;
414 display: -ms-flexbox;
414 display: -ms-flexbox;
415 display: -webkit-box;
415 display: -webkit-box;
416 display: flex;
416 display: flex;
417 flex-direction: row;
417 flex-direction: row;
418
418
419 -webkit-flex-direction: row;
419 -webkit-flex-direction: row;
420 -ms-flex-direction: row;
420 -ms-flex-direction: row;
421 -webkit-box-orient: horizontal;
421 -webkit-box-orient: horizontal;
422 -webkit-box-direction: normal;
422 -webkit-box-direction: normal;
423 -webkit-align-items: center;
423 -webkit-align-items: center;
424 -ms-flex-align: center;
424 -ms-flex-align: center;
425 -webkit-box-align: center;
425 -webkit-box-align: center;
426 align-items: center;
426 align-items: center;
427 }
427 }
428
428
429 .flyout-menu ul li a {
429 .flyout-menu ul li a {
430 line-height: 40px;
430 line-height: 40px;
431 display: block;
431 display: block;
432 overflow: hidden;
432 overflow: hidden;
433 height: 40px;
433 height: 40px;
434 white-space: nowrap;
434 white-space: nowrap;
435 text-overflow: ellipsis;
435 text-overflow: ellipsis;
436 border-top: 1px solid rgba(255,255,255,.1);
436 border-top: 1px solid rgba(255,255,255,.1);
437 }
437 }
438
438
439 .flyout-menu ul li:first-child a {
439 .flyout-menu ul li:first-child a {
440 line-height: 39px;
440 line-height: 39px;
441 height: 39px;
441 height: 39px;
442 border-top: none;
442 border-top: none;
443 }
443 }
444
444
445 .flyout-menu a {
445 .flyout-menu a {
446 color: white;
446 color: white;
447 }
447 }
448
448
449 .flyout-menu ul li a:hover {
449 .flyout-menu ul li a:hover {
450 text-decoration: none;
450 text-decoration: none;
451 }
451 }
452
452
453 .flyout-menu ul li a.new-object,
453 .flyout-menu ul li a.new-object,
454 .new-object ~ .menu-children {
454 .new-object ~ .menu-children {
455 display: none;
455 display: none;
456 }
456 }
457
457
458 /* Left flyout search container */
458 /* Left flyout search container */
459 .flyout-menu__search {
459 .flyout-menu__search {
460 line-height: 54px;
460 line-height: 54px;
461 height: 64px;
461 height: 64px;
462 padding-top: 3px;
462 padding-top: 3px;
463 padding-right: 8px;
463 padding-right: 8px;
464 }
464 }
465
465
466 .flyout-menu__search input[type='text'] {
466 .flyout-menu__search input[type='text'] {
467 line-height: 2;
467 line-height: 2;
468
468
469 width: 100%;
469 width: 100%;
470 height: 38px;
470 height: 38px;
471 padding-left: 27px;
471 padding-left: 27px;
472
472
473 vertical-align: middle;
473 vertical-align: middle;
474
474
475 border: none;
475 border: none;
476 -webkit-border-radius: 3px;
476 -webkit-border-radius: 3px;
477 border-radius: 3px;
477 border-radius: 3px;
478 background-color: #fff;
478 background-color: #fff;
479 }
479 }
480
480
481 .flyout-menu__avatar {
481 .flyout-menu__avatar {
482 display: -webkit-box;
482 display: -webkit-box;
483 display: -webkit-flex;
483 display: -webkit-flex;
484 display: -ms-flexbox;
484 display: -ms-flexbox;
485 display: flex;
485 display: flex;
486 width: 100%;
486 width: 100%;
487 border-top: 1px solid rgba(255,255,255,.1);
487 border-top: 1px solid rgba(255,255,255,.1);
488 }
488 }
489
489
490 .flyout-menu__avatar img.gravatar {
490 .flyout-menu__avatar img.gravatar {
491 width: 40px;
491 width: 40px;
492 height: 40px;
492 height: 40px;
493 padding: 0;
493 padding: 0;
494 vertical-align: top;
494 vertical-align: top;
495 border-width: 0;
495 border-width: 0;
496 }
496 }
497
497
498 .flyout-menu__avatar a {
498 .flyout-menu__avatar a {
499 line-height: 40px;
499 line-height: 40px;
500 height: auto;
500 height: auto;
501 height: 40px;
501 height: 40px;
502 text-decoration: none;
502 text-decoration: none;
503 color: white;
503 color: white;
504 }
504 }
505
505
506 /* avatar */
506 /* avatar */
507 .flyout-menu__avatar a:first-child {
507 .flyout-menu__avatar a:first-child {
508 line-height: 0;
508 line-height: 0;
509 width: 40px;
509 width: 40px;
510 padding: 0;
510 padding: 0;
511 }
511 }
512
512
513 .flyout-menu__avatar .user {
513 .flyout-menu__avatar .user {
514 padding-left: 15px;
514 padding-left: 15px;
515 padding-right: 15px;
515 padding-right: 15px;
516 text-overflow: ellipsis;
516 text-overflow: ellipsis;
517 overflow: hidden;
517 overflow: hidden;
518 white-space: nowrap;
518 white-space: nowrap;
519 -webkit-flex-grow: 1;
519 -webkit-flex-grow: 1;
520 -ms-flex-grow: 1;
520 -ms-flex-grow: 1;
521 flex-grow: 1;
521 flex-grow: 1;
522 }
522 }
523
523
524 /* user link when no avatar is present */
524 /* user link when no avatar is present */
525 .flyout-menu__avatar--no-avatar a.user {
525 .flyout-menu__avatar--no-avatar a.user {
526 line-height: 40px;
526 line-height: 40px;
527 padding-left: 8px;
527 padding-left: 8px;
528 }
528 }
529
529
530 .flyout-is-active body {
530 .flyout-is-active body {
531 overflow: hidden; /* for body not to have scrollbars when left flyout menu is active */
531 overflow: hidden; /* for body not to have scrollbars when left flyout menu is active */
532 }
532 }
533
533
534 html.flyout-is-active {
534 html.flyout-is-active {
535 overflow: hidden;
535 overflow: hidden;
536 }
536 }
537
537
538 .flyout-is-active #wrapper, .flyout-is-active #header {
538 .flyout-is-active #wrapper, .flyout-is-active #header {
539 right: 250px; /* when left flyout is active, move body and header to the right (same amount like flyout-menu's width) */
539 right: 250px; /* when left flyout is active, move body and header to the right (same amount like flyout-menu's width) */
540 }
540 }
541
541
542 .flyout-is-active #wrapper {
542 .flyout-is-active #wrapper {
543 overflow: visible;
543 overflow: visible;
544 height: 100%;
544 height: 100%;
545 }
545 }
546
546
547 .flyout-is-active .mobile-toggle-button:after {
547 .flyout-is-active .mobile-toggle-button:after {
548 content: '\00D7'; /* close glyph */
548 content: '\00D7'; /* close glyph */
549 }
549 }
550
550
551 .flyout-is-active #wrapper2 {
551 .flyout-is-active #wrapper2 {
552 /*
552 /*
553 * only relevant for devices with cursor when flyout it active, in order to show,
553 * only relevant for devices with cursor when flyout it active, in order to show,
554 * that whole wrapper content is clickable and closes flyout menu
554 * that whole wrapper content is clickable and closes flyout menu
555 */
555 */
556 cursor: pointer;
556 cursor: pointer;
557 }
557 }
558
558
559 #admin-menu {
559 #admin-menu {
560 padding-left: 0;
560 padding-left: 0;
561 }
561 }
562
562
563 #admin-menu li {
563 #admin-menu li {
564 padding-bottom: 0;
564 padding-bottom: 0;
565 }
565 }
566
566
567 #admin-menu a,
567 #admin-menu a,
568 #admin-menu a.selected {
568 #admin-menu a.selected {
569 line-height: 40px;
569 line-height: 40px;
570 padding: 0;
570 padding: 0;
571 padding-left: 32px !important;
571 padding-left: 32px !important;
572 background-position: 8px 50%;
572 background-position: 8px 50%;
573 }
573 }
574
574
575 /*----------------------------------------*\
575 /*----------------------------------------*\
576 E) UX ELEMENTS
576 E) UX ELEMENTS
577 \*----------------------------------------*/
577 \*----------------------------------------*/
578
578
579 .mobile-hide {display:none;}
579 .mobile-hide {display:none;}
580 .mobile-show {display:initial;}
580 .mobile-show {display:initial;}
581
581
582 /* Contextual Buttons */
582 /* Contextual Buttons */
583
583
584 #content>.contextual {
584 #content>.contextual {
585 width: 100%;
585 width: 100%;
586 margin-bottom: .5em;
586 margin-bottom: .5em;
587 padding-left: 0; /* reset left padding in order to use whole space */
587 padding-left: 0; /* reset left padding in order to use whole space */
588 white-space: normal;
588 white-space: normal;
589 color: transparent;
589 color: transparent;
590 }
590 }
591
591
592 #content>.contextual a,
592 #content>.contextual a,
593 p.buttons a {
593 p.buttons a {
594 font-weight: bold;
594 font-weight: bold;
595
595
596 display: inline-block;
596 display: inline-block;
597
597
598 margin: 5px 0;
598 margin: 5px 0;
599 margin-right: 2px;
599 margin-right: 2px;
600 padding: 9px 9px 9px 9px;
600 padding: 9px 9px 9px 9px;
601
601
602 border: 1px solid #ddd;
602 border: 1px solid #ddd;
603 -webkit-border-radius: 3px;
603 -webkit-border-radius: 3px;
604 border-radius: 3px;
604 border-radius: 3px;
605 background-color: transparent;
605 background-color: transparent;
606 background-position-x: 4px;
606 background-position-x: 4px;
607 }
607 }
608
608
609 #content>.contextual a.icon,
609 #content>.contextual a.icon,
610 p.buttons a.icon {
610 p.buttons a.icon {
611 padding-left: 25px;
611 padding-left: 25px;
612 }
612 }
613
613
614 .flyout-menu .contextual {
614 .flyout-menu .contextual {
615 float: none;
615 float: none;
616 }
616 }
617
617
618 /* loading indicator */
618 /* loading indicator */
619 #ajax-indicator {
619 #ajax-indicator {
620 width: 60%;
620 width: 60%;
621 left: 20%;
621 left: 20%;
622 }
622 }
623
623
624 /* jquery ui dialogs */
624 /* jquery ui dialogs */
625 .ui-dialog {
625 .ui-dialog {
626 max-width: 98%;
626 max-width: 98%;
627 margin: 1%;
627 margin: 1%;
628 }
628 }
629
629
630 .ui-dialog .ui-dialog-content {
630 .ui-dialog .ui-dialog-content {
631 padding-left: 0;
631 padding-left: 0;
632 padding-right: 0;
632 padding-right: 0;
633 }
633 }
634
634
635 #filters-table {width:100%; float:none;}
635 #filters-table {width:100%; float:none;}
636 .add-filter {width:100%; float:none; text-align: left; margin-top: 8px;}
636 .add-filter {width:100%; float:none; text-align: left; margin-top: 8px;}
637
637
638 /*----------------------------------------*\
638 /*----------------------------------------*\
639 F) PAGE SPECIFIC STYLES
639 F) PAGE SPECIFIC STYLES
640 \*----------------------------------------*/
640 \*----------------------------------------*/
641
641
642 /* page /login */
642 /* page /login */
643
643
644 #login-form table {
644 #login-form table {
645 width: 100%;
645 width: 100%;
646 }
646 }
647
647
648 #login-form input#username,
648 #login-form input#username,
649 #login-form input#password,
649 #login-form input#password,
650 #login-form input#openid_url {
650 #login-form input#openid_url {
651 width: 100%;
651 width: 100%;
652 height: auto;
652 height: auto;
653 }
653 }
654
654
655 /* some themes add a margin to login page, remove it on mobile */
655 /* some themes add a margin to login page, remove it on mobile */
656 .action-login #main {
656 .action-login #main {
657 margin: 0;
657 margin: 0;
658 }
658 }
659
659
660 div#activity dl, #search-results {margin-left: 0;}
660 div#activity dl, #search-results {margin-left: 0;}
661
661
662 .version-overview table.progress {width:75%;}
662 .version-overview table.progress {width:75%;}
663 div#version-summary {float:none; width:100%; margin-left:0;}
663 div#version-summary {float:none; width:100%; margin-left:0;}
664 body.controller-versions.action-show div#roadmap .related-issues {width:100%;}
664 body.controller-versions.action-show div#roadmap .related-issues {width:100%;}
665
665
666 /* History and Changeset */
666 /* History and Changeset */
667 div#issue-changesets {
667 div#issue-changesets {
668 float: none;
668 float: none;
669 width: auto;
669 width: auto;
670 margin-left: 0;
670 margin-left: 0;
671 padding-left: 0;
671 padding-left: 0;
672 margin-bottom: 2em;
672 margin-bottom: 2em;
673 }
673 }
674
674
675 div#issue-changesets div.changeset {
675 div#issue-changesets div.changeset {
676 padding-top: 1em;
676 padding-top: 1em;
677 }
677 }
678
678
679 /*----------------------------------------*\
679 /*----------------------------------------*\
680 G) FORMS
680 G) FORMS
681 \*----------------------------------------*/
681 \*----------------------------------------*/
682
682
683 input, select, textarea {
683 input, select, textarea {
684 max-width: 100%;
684 max-width: 100%;
685 }
685 }
686
686
687 /* tabular forms resets for mobile */
687 /* tabular forms resets for mobile */
688 .tabular p, .tabular.settings p {
688 .tabular p, .tabular.settings p {
689 padding-left: 0;
689 padding-left: 0;
690 }
690 }
691
691
692 .tabular label, .tabular.settings label {
692 .tabular label, .tabular.settings label {
693 display: block;
693 display: block;
694 width: 100%;
694 width: 100%;
695 margin-left: 0;
695 margin-left: 0;
696 text-align: left;
696 text-align: left;
697 }
697 }
698
698
699 .tabular input, .tabular select, .tabular textarea {
699 .tabular input, .tabular select, .tabular textarea {
700 width: 100%;
700 width: 100%;
701 max-width: 100%;
701 max-width: 100%;
702 }
702 }
703
703
704 .tabular input[type="checkbox"], .tabular input.date {
704 .tabular input[type="checkbox"], .tabular input.date {
705 width: auto;
705 width: auto;
706 max-width: 95%;
706 max-width: 95%;
707 }
707 }
708
708
709 /* new issue form */
709 /* new issue form */
710 #all_attributes p:first-child {
710 #all_attributes p:first-child {
711 float: none !important;
711 float: none !important;
712 }
712 }
713
713
714 #issue_is_private_label {
714 #issue_is_private_label {
715 display: inline;
715 display: inline;
716 }
716 }
717
717
718 span#watchers_inputs {
718 span#watchers_inputs {
719 width: 100%;
719 width: 100%;
720 }
720 }
721
721
722 /* subtasks and related issues list on issue show */
722 /* subtasks and related issues list on issue show */
723 #issue_tree .issues, #relations .issues {
723 #issue_tree .issues, #relations .issues {
724 border-collapse: separate;
724 border-collapse: separate;
725 border-spacing: 0 1em; /* vertical space between tasks */
725 border-spacing: 0 1em; /* vertical space between tasks */
726 }
726 }
727
727
728 #issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) {
728 #issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) {
729 display: block;
729 display: block;
730 float: left;
730 float: left;
731 text-align: left;
731 text-align: left;
732 padding-right: 5px;
732 padding-right: 5px;
733 }
733 }
734
734
735 #issue_tree .issue > td, #relations .issue > td, #issue_tree .issue .user {
735 #issue_tree .issue > td, #relations .issue > td, #issue_tree .issue .user {
736 text-overflow: ellipsis; /* if text exceeds its space, add ... */
736 text-overflow: ellipsis; /* if text exceeds its space, add ... */
737 overflow: hidden;
737 overflow: hidden;
738 }
738 }
739
739
740 #issue_tree .issue > td.subject, #relations .issue > td.subject {
740 #issue_tree .issue > td.subject, #relations .issue > td.subject {
741 width: 100% !important; /* let subject have one full width column */
741 width: 100% !important; /* let subject have one full width column */
742 }
742 }
743
743
744 #issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) {
744 #issue_tree .issue > td:not(.checkbox), #relations .issue > td:not(.checkbox) {
745 width: 33.33%; /* three columns for all cells that are not subject */
745 width: 33.33%; /* three columns for all cells that are not subject */
746 }
746 }
747
747
748 #relations .issues, #relations .issue {
748 #relations .issues, #relations .issue {
749 position: relative; /* needed for .buttons positioning */
749 position: relative; /* needed for .buttons positioning */
750 }
750 }
751
751
752 /* positioniong of unline button */
752 /* positioniong of unline button */
753 #relations .issue > td.buttons {
753 #relations .issue > td.buttons {
754 text-align: right;
754 text-align: right;
755 position: absolute;
755 position: absolute;
756 right: 0;
756 right: 0;
757 margin: 0;
757 margin: 0;
758 padding-right: 0;
758 padding-right: 0;
759 }
759 }
760
760
761 #relations .issue .buttons a {
761 #relations .issue .buttons a {
762 vertical-align: middle;
762 vertical-align: middle;
763 padding-right: 5px;
763 padding-right: 5px;
764 }
764 }
765
765
766 #relations .issue > td.subject {
766 #relations .issue > td.subject {
767 padding-right: 25px; /* this is the spaces that .buttons uses next to subject */
767 padding-right: 25px; /* this is the spaces that .buttons uses next to subject */
768 }
768 }
769
769
770 /* attachment upload form */
770 /* attachment upload form */
771 #attachments_fields span {
771 #attachments_fields span {
772 position: relative;
772 position: relative;
773 clear: both;
773 clear: both;
774 margin-bottom: 1em;
774 margin-bottom: 1em;
775 white-space: normal;
775 white-space: normal;
776 }
776 }
777 #attachments_fields span a.remove-upload {
777 #attachments_fields span a.remove-upload {
778 position: absolute;
778 position: absolute;
779 top: 0;
779 top: 0;
780 right: 0;
780 right: 0;
781 }
781 }
782
782
783 #attachments_fields input.description {
783 #attachments_fields input.description {
784 margin-left: 0;
784 margin-left: 0;
785 width: 100%;
785 width: 100%;
786 }
786 }
787 }
787 }
788
788
789 @media all and (max-width: 599px) {
789 @media all and (max-width: 599px) {
790 .pagination ul.pages li {display:none;}
790 .pagination ul.pages li {display:none;}
791 .pagination ul.pages li.current,
791 .pagination ul.pages li.current,
792 .pagination ul.pages li.previous,
792 .pagination ul.pages li.previous,
793 .pagination ul.pages li.next {display:inline-block; width:32%; overflow:hidden;}
793 .pagination ul.pages li.next {display:inline-block; width:32%; overflow:hidden;}
794
795 #login-form {width:100%; margin-top:2em;}
794 }
796 }
795
797
General Comments 0
You need to be logged in to leave comments. Login now