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