jro_apps/redmine Commit - r2343:c83b41611a3a

1

body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }

1

body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }

2

3

h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}

3

h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}

4

h1 {margin:0; padding:0; font-size: 24px;}

4

h1 {margin:0; padding:0; font-size: 24px;}

5

h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

5

h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

6

h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

6

h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}

7

h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

7

h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

8

9

/***** Layout *****/

9

/***** Layout *****/

10

#wrapper {background: white;}

10

#wrapper {background: white;}

11

12

#top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}

12

#top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}

13

#top-menu ul {margin: 0; padding: 0;}

13

#top-menu ul {margin: 0; padding: 0;}

14

#top-menu li {

14

#top-menu li {

15

float:left;

15

float:left;

16

list-style-type:none;

16

list-style-type:none;

17

margin: 0px 0px 0px 0px;

17

margin: 0px 0px 0px 0px;

18

padding: 0px 0px 0px 0px;

18

padding: 0px 0px 0px 0px;

19

white-space:nowrap;

19

white-space:nowrap;

20

}

20

}

21

#top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}

21

#top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}

22

#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }

22

#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }

23

24

#account {float:right;}

24

#account {float:right;}

25

26

#header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}

26

#header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}

27

#header a {color:#f8f8f8;}

27

#header a {color:#f8f8f8;}

28

#quick-search {float:right;}

28

#quick-search {float:right;}

29

30

#main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px;}

30

#main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px;}

31

#main-menu ul {margin: 0; padding: 0;}

31

#main-menu ul {margin: 0; padding: 0;}

32

#main-menu li {

32

#main-menu li {

33

float:left;

33

float:left;

34

list-style-type:none;

34

list-style-type:none;

35

margin: 0px 2px 0px 0px;

35

margin: 0px 2px 0px 0px;

36

padding: 0px 0px 0px 0px;

36

padding: 0px 0px 0px 0px;

37

white-space:nowrap;

37

white-space:nowrap;

38

}

38

}

39

#main-menu li a {

39

#main-menu li a {

40

display: block;

40

display: block;

41

color: #fff;

41

color: #fff;

42

text-decoration: none;

42

text-decoration: none;

43

font-weight: bold;

43

font-weight: bold;

44

margin: 0;

44

margin: 0;

45

padding: 4px 10px 4px 10px;

45

padding: 4px 10px 4px 10px;

46

}

46

}

47

#main-menu li a:hover {background:#759FCF; color:#fff;}

47

#main-menu li a:hover {background:#759FCF; color:#fff;}

48

#main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}

48

#main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}

49

50

#main {background-color:#EEEEEE;}

50

#main {background-color:#EEEEEE;}

51

52

#sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}

52

#sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}

53

* html #sidebar{ width: 17%; }

53

* html #sidebar{ width: 17%; }

54

#sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }

54

#sidebar h3{ font-size: 14px; margin-top:14px; color: #666; }

55

#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }

55

#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }

56

* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }

56

* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }

57

58

#content { width: 80%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }

58

#content { width: 80%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }

59

* html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}

59

* html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}

60

html>body #content { min-height: 600px; }

60

html>body #content { min-height: 600px; }

61

* html body #content { height: 600px; } /* IE */

61

* html body #content { height: 600px; } /* IE */

62

63

#main.nosidebar #sidebar{ display: none; }

63

#main.nosidebar #sidebar{ display: none; }

64

#main.nosidebar #content{ width: auto; border-right: 0; }

64

#main.nosidebar #content{ width: auto; border-right: 0; }

65

66

#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}

66

#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}

67

68

#login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }

68

#login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }

69

#login-form table td {padding: 6px;}

69

#login-form table td {padding: 6px;}

70

#login-form label {font-weight: bold;}

70

#login-form label {font-weight: bold;}

71

72

.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

72

.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

73

74

/***** Links *****/

74

/***** Links *****/

75

a, a:link, a:visited{ color: #2A5685; text-decoration: none; }

75

a, a:link, a:visited{ color: #2A5685; text-decoration: none; }

76

a:hover, a:active{ color: #c61a1a; text-decoration: underline;}

76

a:hover, a:active{ color: #c61a1a; text-decoration: underline;}

77

a img{ border: 0; }

77

a img{ border: 0; }

78

79

a.issue.closed { text-decoration: line-through; }

79

a.issue.closed { text-decoration: line-through; }

80

81

/***** Tables *****/

81

/***** Tables *****/

82

table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }

82

table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }

83

table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }

83

table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }

84

table.list td { vertical-align: top; }

84

table.list td { vertical-align: top; }

85

table.list td.id { width: 2%; text-align: center;}

85

table.list td.id { width: 2%; text-align: center;}

86

table.list td.checkbox { width: 15px; padding: 0px;}

86

table.list td.checkbox { width: 15px; padding: 0px;}

87

88

tr.project td.name a { padding-left: 16px; white-space:nowrap; }

88

tr.project td.name a { padding-left: 16px; white-space:nowrap; }

89

tr.project.parent td.name a { background: url('../images/bullet_toggle_minus.png') no-repeat; }

89

tr.project.parent td.name a { background: url('../images/bullet_toggle_minus.png') no-repeat; }

90

91

tr.issue { text-align: center; white-space: nowrap; }

91

tr.issue { text-align: center; white-space: nowrap; }

92

tr.issue td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }

92

tr.issue td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }

93

tr.issue td.subject { text-align: left; }

93

tr.issue td.subject { text-align: left; }

94

tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}

94

tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}

95

96

tr.entry { border: 1px solid #f8f8f8; }

96

tr.entry { border: 1px solid #f8f8f8; }

97

tr.entry td { white-space: nowrap; }

97

tr.entry td { white-space: nowrap; }

98

tr.entry td.filename { width: 30%; }

98

tr.entry td.filename { width: 30%; }

99

tr.entry td.size { text-align: right; font-size: 90%; }

99

tr.entry td.size { text-align: right; font-size: 90%; }

100

tr.entry td.revision, tr.entry td.author { text-align: center; }

100

tr.entry td.revision, tr.entry td.author { text-align: center; }

101

tr.entry td.age { text-align: right; }

101

tr.entry td.age { text-align: right; }

102

103

tr.entry span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}

103

tr.entry span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}

104

tr.entry.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}

104

tr.entry.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}

105

tr.entry.file td.filename a { margin-left: 16px; }

105

tr.entry.file td.filename a { margin-left: 16px; }

106

107

tr.changeset td.author { text-align: center; width: 15%; }

107

tr.changeset td.author { text-align: center; width: 15%; }

108

tr.changeset td.committed_on { text-align: center; width: 15%; }

108

tr.changeset td.committed_on { text-align: center; width: 15%; }

109

110

tr.message { height: 2.6em; }

110

tr.message { height: 2.6em; }

111

tr.message td.last_message { font-size: 80%; }

111

tr.message td.last_message { font-size: 80%; }

112

tr.message.locked td.subject a { background-image: url(../images/locked.png); }

112

tr.message.locked td.subject a { background-image: url(../images/locked.png); }

113

tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }

113

tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }

114

115

tr.user td { width:13%; }

115

tr.user td { width:13%; }

116

tr.user td.email { width:18%; }

116

tr.user td.email { width:18%; }

117

tr.user td { white-space: nowrap; }

117

tr.user td { white-space: nowrap; }

118

tr.user.locked, tr.user.registered { color: #aaa; }

118

tr.user.locked, tr.user.registered { color: #aaa; }

119

tr.user.locked a, tr.user.registered a { color: #aaa; }

119

tr.user.locked a, tr.user.registered a { color: #aaa; }

120

121

tr.time-entry { text-align: center; white-space: nowrap; }

121

tr.time-entry { text-align: center; white-space: nowrap; }

122

tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }

122

tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }

123

td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }

123

td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }

124

td.hours .hours-dec { font-size: 0.9em; }

124

td.hours .hours-dec { font-size: 0.9em; }

125

126

table.plugins td { vertical-align: middle; }

126

table.plugins td { vertical-align: middle; }

127

table.plugins td.configure { text-align: right; padding-right: 1em; }

127

table.plugins td.configure { text-align: right; padding-right: 1em; }

128

table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }

128

table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }

129

table.plugins span.description { display: block; font-size: 0.9em; }

129

table.plugins span.description { display: block; font-size: 0.9em; }

130

table.plugins span.url { display: block; font-size: 0.9em; }

130

table.plugins span.url { display: block; font-size: 0.9em; }

131

132

table.list tbody tr:hover { background-color:#ffffdd; }

132

table.list tbody tr:hover { background-color:#ffffdd; }

133

table td {padding:2px;}

133

table td {padding:2px;}

134

table p {margin:0;}

134

table p {margin:0;}

135

.odd {background-color:#f6f7f8;}

135

.odd {background-color:#f6f7f8;}

136

.even {background-color: #fff;}

136

.even {background-color: #fff;}

137

138

.highlight { background-color: #FCFD8D;}

138

.highlight { background-color: #FCFD8D;}

139

.highlight.token-1 { background-color: #faa;}

139

.highlight.token-1 { background-color: #faa;}

140

.highlight.token-2 { background-color: #afa;}

140

.highlight.token-2 { background-color: #afa;}

141

.highlight.token-3 { background-color: #aaf;}

141

.highlight.token-3 { background-color: #aaf;}

142

143

.box{

143

.box{

144

padding:6px;

144

padding:6px;

145

margin-bottom: 10px;

145

margin-bottom: 10px;

146

background-color:#f6f6f6;

146

background-color:#f6f6f6;

147

color:#505050;

147

color:#505050;

148

line-height:1.5em;

148

line-height:1.5em;

149

border: 1px solid #e4e4e4;

149

border: 1px solid #e4e4e4;

150

}

150

}

151

152

div.square {

152

div.square {

153

border: 1px solid #999;

153

border: 1px solid #999;

154

float: left;

154

float: left;

155

margin: .3em .4em 0 .4em;

155

margin: .3em .4em 0 .4em;

156

overflow: hidden;

156

overflow: hidden;

157

width: .6em; height: .6em;

157

width: .6em; height: .6em;

158

}

158

}

159

.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}

159

.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}

160

.contextual input {font-size:0.9em;}

160

.contextual input {font-size:0.9em;}

161

.message .contextual { margin-top: 0; }

161

162

.splitcontentleft{float:left; width:49%;}

163

.splitcontentleft{float:left; width:49%;}

163

.splitcontentright{float:right; width:49%;}

164

.splitcontentright{float:right; width:49%;}

164

form {display: inline;}

165

form {display: inline;}

165

input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}

166

input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}

166

fieldset {border: 1px solid #e4e4e4; margin:0;}

167

fieldset {border: 1px solid #e4e4e4; margin:0;}

167

legend {color: #484848;}

168

legend {color: #484848;}

168

hr { width: 100%; height: 1px; background: #ccc; border: 0;}

169

hr { width: 100%; height: 1px; background: #ccc; border: 0;}

169

blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}

170

blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}

170

blockquote blockquote { margin-left: 0;}

171

blockquote blockquote { margin-left: 0;}

171

textarea.wiki-edit { width: 99%; }

172

textarea.wiki-edit { width: 99%; }

172

li p {margin-top: 0;}

173

li p {margin-top: 0;}

173

div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}

174

div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}

174

p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}

175

p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}

175

p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }

176

p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }

176

p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }

177

p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }

177

178

fieldset#filters, fieldset#date-range { padding: 0.7em; margin-bottom: 8px; }

179

fieldset#filters, fieldset#date-range { padding: 0.7em; margin-bottom: 8px; }

179

fieldset#filters p { margin: 1.2em 0 0.8em 2px; }

180

fieldset#filters p { margin: 1.2em 0 0.8em 2px; }

180

fieldset#filters table { border-collapse: collapse; }

181

fieldset#filters table { border-collapse: collapse; }

181

fieldset#filters table td { padding: 0; vertical-align: middle; }

182

fieldset#filters table td { padding: 0; vertical-align: middle; }

182

fieldset#filters tr.filter { height: 2em; }

183

fieldset#filters tr.filter { height: 2em; }

183

fieldset#filters td.add-filter { text-align: right; vertical-align: top; }

184

fieldset#filters td.add-filter { text-align: right; vertical-align: top; }

184

.buttons { font-size: 0.9em; }

185

.buttons { font-size: 0.9em; }

185

186

div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}

187

div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}

187

div#issue-changesets .changeset { padding: 4px;}

188

div#issue-changesets .changeset { padding: 4px;}

188

div#issue-changesets .changeset { border-bottom: 1px solid #ddd; }

189

div#issue-changesets .changeset { border-bottom: 1px solid #ddd; }

189

div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}

190

div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}

190

191

div#activity dl, #search-results { margin-left: 2em; }

192

div#activity dl, #search-results { margin-left: 2em; }

192

div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }

193

div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }

193

div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }

194

div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }

194

div#activity dt.me .time { border-bottom: 1px solid #999; }

195

div#activity dt.me .time { border-bottom: 1px solid #999; }

195

div#activity dt .time { color: #777; font-size: 80%; }

196

div#activity dt .time { color: #777; font-size: 80%; }

196

div#activity dd .description, #search-results dd .description { font-style: italic; }

197

div#activity dd .description, #search-results dd .description { font-style: italic; }

197

div#activity span.project:after, #search-results span.project:after { content: " -"; }

198

div#activity span.project:after, #search-results span.project:after { content: " -"; }

198

div#activity dd span.description, #search-results dd span.description { display:block; }

199

div#activity dd span.description, #search-results dd span.description { display:block; }

199

200

#search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }

201

#search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }

201

202

div#search-results-counts {float:right;}

203

div#search-results-counts {float:right;}

203

div#search-results-counts ul { margin-top: 0.5em; }

204

div#search-results-counts ul { margin-top: 0.5em; }

204

div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }

205

div#search-results-counts li { list-style-type:none; float: left; margin-left: 1em; }

205

206

dt.issue { background-image: url(../images/ticket.png); }

207

dt.issue { background-image: url(../images/ticket.png); }

207

dt.issue-edit { background-image: url(../images/ticket_edit.png); }

208

dt.issue-edit { background-image: url(../images/ticket_edit.png); }

208

dt.issue-closed { background-image: url(../images/ticket_checked.png); }

209

dt.issue-closed { background-image: url(../images/ticket_checked.png); }

209

dt.issue-note { background-image: url(../images/ticket_note.png); }

210

dt.issue-note { background-image: url(../images/ticket_note.png); }

210

dt.changeset { background-image: url(../images/changeset.png); }

211

dt.changeset { background-image: url(../images/changeset.png); }

211

dt.news { background-image: url(../images/news.png); }

212

dt.news { background-image: url(../images/news.png); }

212

dt.message { background-image: url(../images/message.png); }

213

dt.message { background-image: url(../images/message.png); }

213

dt.reply { background-image: url(../images/comments.png); }

214

dt.reply { background-image: url(../images/comments.png); }

214

dt.wiki-page { background-image: url(../images/wiki_edit.png); }

215

dt.wiki-page { background-image: url(../images/wiki_edit.png); }

215

dt.attachment { background-image: url(../images/attachment.png); }

216

dt.attachment { background-image: url(../images/attachment.png); }

216

dt.document { background-image: url(../images/document.png); }

217

dt.document { background-image: url(../images/document.png); }

217

dt.project { background-image: url(../images/projects.png); }

218

dt.project { background-image: url(../images/projects.png); }

218

219

#search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }

220

#search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }

220

221

div#roadmap fieldset.related-issues { margin-bottom: 1em; }

222

div#roadmap fieldset.related-issues { margin-bottom: 1em; }

222

div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }

223

div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }

223

div#roadmap .wiki h1:first-child { display: none; }

224

div#roadmap .wiki h1:first-child { display: none; }

224

div#roadmap .wiki h1 { font-size: 120%; }

225

div#roadmap .wiki h1 { font-size: 120%; }

225

div#roadmap .wiki h2 { font-size: 110%; }

226

div#roadmap .wiki h2 { font-size: 110%; }

226

227

div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }

228

div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }

228

div#version-summary fieldset { margin-bottom: 1em; }

229

div#version-summary fieldset { margin-bottom: 1em; }

229

div#version-summary .total-hours { text-align: right; }

230

div#version-summary .total-hours { text-align: right; }

230

231

table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }

232

table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }

232

table#time-report tbody tr { font-style: italic; color: #777; }

233

table#time-report tbody tr { font-style: italic; color: #777; }

233

table#time-report tbody tr.last-level { font-style: normal; color: #555; }

234

table#time-report tbody tr.last-level { font-style: normal; color: #555; }

234

table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }

235

table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }

235

table#time-report .hours-dec { font-size: 0.9em; }

236

table#time-report .hours-dec { font-size: 0.9em; }

236

237

form#issue-form .attributes { margin-bottom: 8px; }

238

form#issue-form .attributes { margin-bottom: 8px; }

238

form#issue-form .attributes p { padding-top: 1px; padding-bottom: 2px; }

239

form#issue-form .attributes p { padding-top: 1px; padding-bottom: 2px; }

239

form#issue-form .attributes select { min-width: 30%; }

240

form#issue-form .attributes select { min-width: 30%; }

240

241

ul.projects { margin: 0; padding-left: 1em; }

242

ul.projects { margin: 0; padding-left: 1em; }

242

ul.projects.root { margin: 0; padding: 0; }

243

ul.projects.root { margin: 0; padding: 0; }

243

ul.projects ul { border-left: 3px solid #e0e0e0; }

244

ul.projects ul { border-left: 3px solid #e0e0e0; }

244

ul.projects li { list-style-type:none; }

245

ul.projects li { list-style-type:none; }

245

ul.projects li.root { margin-bottom: 1em; }

246

ul.projects li.root { margin-bottom: 1em; }

246

ul.projects li.child { margin-top: 1em;}

247

ul.projects li.child { margin-top: 1em;}

247

ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }

248

ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }

248

.my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }

249

.my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }

249

250

#tracker_project_ids ul { margin: 0; padding-left: 1em; }

251

#tracker_project_ids ul { margin: 0; padding-left: 1em; }

251

#tracker_project_ids li { list-style-type:none; }

252

#tracker_project_ids li { list-style-type:none; }

252

253

ul.properties {padding:0; font-size: 0.9em; color: #777;}

254

ul.properties {padding:0; font-size: 0.9em; color: #777;}

254

ul.properties li {list-style-type:none;}

255

ul.properties li {list-style-type:none;}

255

ul.properties li span {font-style:italic;}

256

ul.properties li span {font-style:italic;}

256

257

.total-hours { font-size: 110%; font-weight: bold; }

258

.total-hours { font-size: 110%; font-weight: bold; }

258

.total-hours span.hours-int { font-size: 120%; }

259

.total-hours span.hours-int { font-size: 120%; }

259

260

.autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}

261

.autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}

261

#user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }

262

#user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }

262

263

.pagination {font-size: 90%}

264

.pagination {font-size: 90%}

264

p.pagination {margin-top:8px;}

265

p.pagination {margin-top:8px;}

265

266

/***** Tabular forms ******/

267

/***** Tabular forms ******/

267

.tabular p{

268

.tabular p{

268

margin: 0;

269

margin: 0;

269

padding: 5px 0 8px 0;

270

padding: 5px 0 8px 0;

270

padding-left: 180px; /*width of left column containing the label elements*/

271

padding-left: 180px; /*width of left column containing the label elements*/

271

height: 1%;

272

height: 1%;

272

clear:left;

273

clear:left;

273

}

274

}

274

275

html>body .tabular p {overflow:hidden;}

276

html>body .tabular p {overflow:hidden;}

276

277

.tabular label{

278

.tabular label{

278

font-weight: bold;

279

font-weight: bold;

279

float: left;

280

float: left;

280

text-align: right;

281

text-align: right;

281

margin-left: -180px; /*width of left column*/

282

margin-left: -180px; /*width of left column*/

282

width: 175px; /*width of labels. Should be smaller than left column to create some right

283

width: 175px; /*width of labels. Should be smaller than left column to create some right

283

margin*/

284

margin*/

284

}

285

}

285

286

.tabular label.floating{

287

.tabular label.floating{

287

font-weight: normal;

288

font-weight: normal;

288

margin-left: 0px;

289

margin-left: 0px;

289

text-align: left;

290

text-align: left;

290

width: 270px;

291

width: 270px;

291

}

292

}

292

293

input#time_entry_comments { width: 90%;}

294

input#time_entry_comments { width: 90%;}

294

295

#preview fieldset {margin-top: 1em; background: url(../images/draft.png)}

296

#preview fieldset {margin-top: 1em; background: url(../images/draft.png)}

296

297

.tabular.settings p{ padding-left: 300px; }

298

.tabular.settings p{ padding-left: 300px; }

298

.tabular.settings label{ margin-left: -300px; width: 295px; }

299

.tabular.settings label{ margin-left: -300px; width: 295px; }

299

300

.required {color: #bb0000;}

301

.required {color: #bb0000;}

301

.summary {font-style: italic;}

302

.summary {font-style: italic;}

302

303

#attachments_fields input[type=text] {margin-left: 8px; }

304

#attachments_fields input[type=text] {margin-left: 8px; }

304

305

div.attachments { margin-top: 12px; }

306

div.attachments { margin-top: 12px; }

306

div.attachments p { margin:4px 0 2px 0; }

307

div.attachments p { margin:4px 0 2px 0; }

307

div.attachments img { vertical-align: middle; }

308

div.attachments img { vertical-align: middle; }

308

div.attachments span.author { font-size: 0.9em; color: #888; }

309

div.attachments span.author { font-size: 0.9em; color: #888; }

309

310

p.other-formats { text-align: right; font-size:0.9em; color: #666; }

311

p.other-formats { text-align: right; font-size:0.9em; color: #666; }

311

.other-formats span + span:before { content: "| "; }

312

.other-formats span + span:before { content: "| "; }

312

313

a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }

314

a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }

314

315

/***** Flash & error messages ****/

316

/***** Flash & error messages ****/

316

#errorExplanation, div.flash, .nodata, .warning {

317

#errorExplanation, div.flash, .nodata, .warning {

317

padding: 4px 4px 4px 30px;

318

padding: 4px 4px 4px 30px;

318

margin-bottom: 12px;

319

margin-bottom: 12px;

319

font-size: 1.1em;

320

font-size: 1.1em;

320

border: 2px solid;

321

border: 2px solid;

321

}

322

}

322

323

div.flash {margin-top: 8px;}

324

div.flash {margin-top: 8px;}

324

325

div.flash.error, #errorExplanation {

326

div.flash.error, #errorExplanation {

326

background: url(../images/false.png) 8px 5px no-repeat;

327

background: url(../images/false.png) 8px 5px no-repeat;

327

background-color: #ffe3e3;

328

background-color: #ffe3e3;

328

border-color: #dd0000;

329

border-color: #dd0000;

329

color: #550000;

330

color: #550000;

330

}

331

}

331

332

div.flash.notice {

333

div.flash.notice {

333

background: url(../images/true.png) 8px 5px no-repeat;

334

background: url(../images/true.png) 8px 5px no-repeat;

334

background-color: #dfffdf;

335

background-color: #dfffdf;

335

border-color: #9fcf9f;

336

border-color: #9fcf9f;

336

color: #005f00;

337

color: #005f00;

337

}

338

}

338

339

div.flash.warning {

340

div.flash.warning {

340

background: url(../images/warning.png) 8px 5px no-repeat;

341

background: url(../images/warning.png) 8px 5px no-repeat;

341

background-color: #FFEBC1;

342

background-color: #FFEBC1;

342

border-color: #FDBF3B;

343

border-color: #FDBF3B;

343

color: #A6750C;

344

color: #A6750C;

344

text-align: left;

345

text-align: left;

345

}

346

}

346

347

.nodata, .warning {

348

.nodata, .warning {

348

text-align: center;

349

text-align: center;

349

background-color: #FFEBC1;

350

background-color: #FFEBC1;

350

border-color: #FDBF3B;

351

border-color: #FDBF3B;

351

color: #A6750C;

352

color: #A6750C;

352

}

353

}

353

354

#errorExplanation ul { font-size: 0.9em;}

355

#errorExplanation ul { font-size: 0.9em;}

355

356

/***** Ajax indicator ******/

357

/***** Ajax indicator ******/

357

#ajax-indicator {

358

#ajax-indicator {

358

position: absolute; /* fixed not supported by IE */

359

position: absolute; /* fixed not supported by IE */

359

background-color:#eee;

360

background-color:#eee;

360

border: 1px solid #bbb;

361

border: 1px solid #bbb;

361

top:35%;

362

top:35%;

362

left:40%;

363

left:40%;

363

width:20%;

364

width:20%;

364

font-weight:bold;

365

font-weight:bold;

365

text-align:center;

366

text-align:center;

366

padding:0.6em;

367

padding:0.6em;

367

z-index:100;

368

z-index:100;

368

filter:alpha(opacity=50);

369

filter:alpha(opacity=50);

369

opacity: 0.5;

370

opacity: 0.5;

370

}

371

}

371

372

html>body #ajax-indicator { position: fixed; }

373

html>body #ajax-indicator { position: fixed; }

373

374

#ajax-indicator span {

375

#ajax-indicator span {

375

background-position: 0% 40%;

376

background-position: 0% 40%;

376

background-repeat: no-repeat;

377

background-repeat: no-repeat;

377

378

378

padding-left: 26px;

379

padding-left: 26px;

379

vertical-align: bottom;

380

vertical-align: bottom;

380

}

381

}

381

382

/***** Calendar *****/

383

/***** Calendar *****/

383

table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}

384

table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}

384

table.cal thead th {width: 14%;}

385

table.cal thead th {width: 14%;}

385

table.cal tbody tr {height: 100px;}

386

table.cal tbody tr {height: 100px;}

386

table.cal th { background-color:#EEEEEE; padding: 4px; }

387

table.cal th { background-color:#EEEEEE; padding: 4px; }

387

table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}

388

table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}

388

table.cal td p.day-num {font-size: 1.1em; text-align:right;}

389

table.cal td p.day-num {font-size: 1.1em; text-align:right;}

389

table.cal td.odd p.day-num {color: #bbb;}

390

table.cal td.odd p.day-num {color: #bbb;}

390

table.cal td.today {background:#ffffdd;}

391

table.cal td.today {background:#ffffdd;}

391

table.cal td.today p.day-num {font-weight: bold;}

392

table.cal td.today p.day-num {font-weight: bold;}

392

393

/***** Tooltips ******/

394

/***** Tooltips ******/

394

.tooltip{position:relative;z-index:24;}

395

.tooltip{position:relative;z-index:24;}

395

.tooltip:hover{z-index:25;color:#000;}

396

.tooltip:hover{z-index:25;color:#000;}

396

.tooltip span.tip{display: none; text-align:left;}

397

.tooltip span.tip{display: none; text-align:left;}

397

398

div.tooltip:hover span.tip{

399

div.tooltip:hover span.tip{

399

display:block;

400

display:block;

400

position:absolute;

401

position:absolute;

401

top:12px; left:24px; width:270px;

402

top:12px; left:24px; width:270px;

402

border:1px solid #555;

403

border:1px solid #555;

403

background-color:#fff;

404

background-color:#fff;

404

padding: 4px;

405

padding: 4px;

405

font-size: 0.8em;

406

font-size: 0.8em;

406

color:#505050;

407

color:#505050;

407

}

408

}

408

409

/***** Progress bar *****/

410

/***** Progress bar *****/

410

table.progress {

411

table.progress {

411

border: 1px solid #D7D7D7;

412

border: 1px solid #D7D7D7;

412

border-collapse: collapse;

413

border-collapse: collapse;

413

border-spacing: 0pt;

414

border-spacing: 0pt;

414

empty-cells: show;

415

empty-cells: show;

415

text-align: center;

416

text-align: center;

416

float:left;

417

float:left;

417

margin: 1px 6px 1px 0px;

418

margin: 1px 6px 1px 0px;

418

}

419

}

419

420

table.progress td { height: 0.9em; }

421

table.progress td { height: 0.9em; }

421

table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }

422

table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }

422

table.progress td.done { background: #DEF0DE none repeat scroll 0%; }

423

table.progress td.done { background: #DEF0DE none repeat scroll 0%; }

423

table.progress td.open { background: #FFF none repeat scroll 0%; }

424

table.progress td.open { background: #FFF none repeat scroll 0%; }

424

p.pourcent {font-size: 80%;}

425

p.pourcent {font-size: 80%;}

425

p.progress-info {clear: left; font-style: italic; font-size: 80%;}

426

p.progress-info {clear: left; font-style: italic; font-size: 80%;}

426

427

/***** Tabs *****/

428

/***** Tabs *****/

428

#content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}

429

#content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}

429

#content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}

430

#content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}

430

#content .tabs>ul { bottom:-1px; } /* others */

431

#content .tabs>ul { bottom:-1px; } /* others */

431

#content .tabs ul li {

432

#content .tabs ul li {

432

float:left;

433

float:left;

433

list-style-type:none;

434

list-style-type:none;

434

white-space:nowrap;

435

white-space:nowrap;

435

margin-right:8px;

436

margin-right:8px;

436

background:#fff;

437

background:#fff;

437

}

438

}

438

#content .tabs ul li a{

439

#content .tabs ul li a{

439

display:block;

440

display:block;

440

font-size: 0.9em;

441

font-size: 0.9em;

441

text-decoration:none;

442

text-decoration:none;

442

line-height:1.3em;

443

line-height:1.3em;

443

padding:4px 6px 4px 6px;

444

padding:4px 6px 4px 6px;

444

border: 1px solid #ccc;

445

border: 1px solid #ccc;

445

border-bottom: 1px solid #bbbbbb;

446

border-bottom: 1px solid #bbbbbb;

446

background-color: #eeeeee;

447

background-color: #eeeeee;

447

color:#777;

448

color:#777;

448

font-weight:bold;

449

font-weight:bold;

449

}

450

}

450

451

#content .tabs ul li a:hover {

452

#content .tabs ul li a:hover {

452

background-color: #ffffdd;

453

background-color: #ffffdd;

453

text-decoration:none;

454

text-decoration:none;

454

}

455

}

455

456

#content .tabs ul li a.selected {

457

#content .tabs ul li a.selected {

457

background-color: #fff;

458

background-color: #fff;

458

border: 1px solid #bbbbbb;

459

border: 1px solid #bbbbbb;

459

border-bottom: 1px solid #fff;

460

border-bottom: 1px solid #fff;

460

}

461

}

461

462

#content .tabs ul li a.selected:hover {

463

#content .tabs ul li a.selected:hover {

463

background-color: #fff;

464

background-color: #fff;

464

}

465

}

465

466

/***** Diff *****/

467

/***** Diff *****/

467

.diff_out { background: #fcc; }

468

.diff_out { background: #fcc; }

468

.diff_in { background: #cfc; }

469

.diff_in { background: #cfc; }

469

470

/***** Wiki *****/

471

/***** Wiki *****/

471

div.wiki table {

472

div.wiki table {

472

border: 1px solid #505050;

473

border: 1px solid #505050;

473

border-collapse: collapse;

474

border-collapse: collapse;

474

margin-bottom: 1em;

475

margin-bottom: 1em;

475

}

476

}

476

477

div.wiki table, div.wiki td, div.wiki th {

478

div.wiki table, div.wiki td, div.wiki th {

478

border: 1px solid #bbb;

479

border: 1px solid #bbb;

479

padding: 4px;

480

padding: 4px;

480

}

481

}

481

482

div.wiki .external {

483

div.wiki .external {

483

background-position: 0% 60%;

484

background-position: 0% 60%;

484

background-repeat: no-repeat;

485

background-repeat: no-repeat;

485

padding-left: 12px;

486

padding-left: 12px;

486

487

487

}

488

}

488

489

div.wiki a.new {

490

div.wiki a.new {

490

color: #b73535;

491

color: #b73535;

491

}

492

}

492

493

div.wiki pre {

494

div.wiki pre {

494

margin: 1em 1em 1em 1.6em;

495

margin: 1em 1em 1em 1.6em;

495

padding: 2px;

496

padding: 2px;

496

background-color: #fafafa;

497

background-color: #fafafa;

497

border: 1px solid #dadada;

498

border: 1px solid #dadada;

498

width:95%;

499

width:95%;

499

overflow-x: auto;

500

overflow-x: auto;

500

}

501

}

501

502

div.wiki ul.toc {

503

div.wiki ul.toc {

503

background-color: #ffffdd;

504

background-color: #ffffdd;

504

border: 1px solid #e4e4e4;

505

border: 1px solid #e4e4e4;

505

padding: 4px;

506

padding: 4px;

506

line-height: 1.2em;

507

line-height: 1.2em;

507

margin-bottom: 12px;

508

margin-bottom: 12px;

508

margin-right: 12px;

509

margin-right: 12px;

509

margin-left: 0;

510

margin-left: 0;

510

display: table

511

display: table

511

}

512

}

512

* html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */

513

* html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */

513

514

div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }

515

div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }

515

div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }

516

div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; }

516

div.wiki ul.toc li { list-style-type:none;}

517

div.wiki ul.toc li { list-style-type:none;}

517

div.wiki ul.toc li.heading2 { margin-left: 6px; }

518

div.wiki ul.toc li.heading2 { margin-left: 6px; }

518

div.wiki ul.toc li.heading3 { margin-left: 12px; font-size: 0.8em; }

519

div.wiki ul.toc li.heading3 { margin-left: 12px; font-size: 0.8em; }

519

520

div.wiki ul.toc a {

521

div.wiki ul.toc a {

521

font-size: 0.9em;

522

font-size: 0.9em;

522

font-weight: normal;

523

font-weight: normal;

523

text-decoration: none;

524

text-decoration: none;

524

color: #606060;

525

color: #606060;

525

}

526

}

526

div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}

527

div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}

527

528

a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }

529

a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }

529

a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }

530

a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }

530

h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }

531

h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }

531

532

/***** My page layout *****/

533

/***** My page layout *****/

533

.block-receiver {

534

.block-receiver {

534

border:1px dashed #c0c0c0;

535

border:1px dashed #c0c0c0;

535

margin-bottom: 20px;

536

margin-bottom: 20px;

536

padding: 15px 0 15px 0;

537

padding: 15px 0 15px 0;

537

}

538

}

538

539

.mypage-box {

540

.mypage-box {

540

margin:0 0 20px 0;

541

margin:0 0 20px 0;

541

color:#505050;

542

color:#505050;

542

line-height:1.5em;

543

line-height:1.5em;

543

}

544

}

544

545

.handle {

546

.handle {

546

cursor: move;

547

cursor: move;

547

}

548

}

548

549

a.close-icon {

550

a.close-icon {

550

display:block;

551

display:block;

551

margin-top:3px;

552

margin-top:3px;

552

overflow:hidden;

553

overflow:hidden;

553

width:12px;

554

width:12px;

554

height:12px;

555

height:12px;

555

background-repeat: no-repeat;

556

background-repeat: no-repeat;

556

cursor:pointer;

557

cursor:pointer;

557

background-image:url('../images/close.png');

558

background-image:url('../images/close.png');

558

}

559

}

559

560

a.close-icon:hover {

561

a.close-icon:hover {

561

background-image:url('../images/close_hl.png');

562

background-image:url('../images/close_hl.png');

562

}

563

}

563

564

/***** Gantt chart *****/

565

/***** Gantt chart *****/

565

.gantt_hdr {

566

.gantt_hdr {

566

position:absolute;

567

position:absolute;

567

top:0;

568

top:0;

568

height:16px;

569

height:16px;

569

border-top: 1px solid #c0c0c0;

570

border-top: 1px solid #c0c0c0;

570

border-bottom: 1px solid #c0c0c0;

571

border-bottom: 1px solid #c0c0c0;

571

border-right: 1px solid #c0c0c0;

572

border-right: 1px solid #c0c0c0;

572

text-align: center;

573

text-align: center;

573

overflow: hidden;

574

overflow: hidden;

574

}

575

}

575

576

.task {

577

.task {

577

position: absolute;

578

position: absolute;

578

height:8px;

579

height:8px;

579

font-size:0.8em;

580

font-size:0.8em;

580

color:#888;

581

color:#888;

581

padding:0;

582

padding:0;

582

margin:0;

583

margin:0;

583

line-height:0.8em;

584

line-height:0.8em;

584

}

585

}

585

586

.task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }

587

.task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }

587

.task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }

588

.task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }

588

.task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }

589

.task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }

589

.milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }

590

.milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }

590

591

/***** Icons *****/

592

/***** Icons *****/

592

.icon {

593

.icon {

593

background-position: 0% 40%;

594

background-position: 0% 40%;

594

background-repeat: no-repeat;

595

background-repeat: no-repeat;

595

padding-left: 20px;

596

padding-left: 20px;

596

padding-top: 2px;

597

padding-top: 2px;

597

padding-bottom: 3px;

598

padding-bottom: 3px;

598

}

599

}

599

600

.icon22 {

601

.icon22 {

601

background-position: 0% 40%;

602

background-position: 0% 40%;

602

background-repeat: no-repeat;

603

background-repeat: no-repeat;

603

padding-left: 26px;

604

padding-left: 26px;

604

line-height: 22px;

605

line-height: 22px;

605

vertical-align: middle;

606

vertical-align: middle;

606

}

607

}

607

608

.icon-add { background-image: url(../images/add.png); }

609

.icon-add { background-image: url(../images/add.png); }

609

.icon-edit { background-image: url(../images/edit.png); }

610

.icon-edit { background-image: url(../images/edit.png); }

610

.icon-copy { background-image: url(../images/copy.png); }

611

.icon-copy { background-image: url(../images/copy.png); }

611

.icon-del { background-image: url(../images/delete.png); }

612

.icon-del { background-image: url(../images/delete.png); }

612

.icon-move { background-image: url(../images/move.png); }

613

.icon-move { background-image: url(../images/move.png); }

613

.icon-save { background-image: url(../images/save.png); }

614

.icon-save { background-image: url(../images/save.png); }

614

.icon-cancel { background-image: url(../images/cancel.png); }

615

.icon-cancel { background-image: url(../images/cancel.png); }

615

.icon-file { background-image: url(../images/file.png); }

616

.icon-file { background-image: url(../images/file.png); }

616

.icon-folder { background-image: url(../images/folder.png); }

617

.icon-folder { background-image: url(../images/folder.png); }

617

.open .icon-folder { background-image: url(../images/folder_open.png); }

618

.open .icon-folder { background-image: url(../images/folder_open.png); }

618

.icon-package { background-image: url(../images/package.png); }

619

.icon-package { background-image: url(../images/package.png); }

619

.icon-home { background-image: url(../images/home.png); }

620

.icon-home { background-image: url(../images/home.png); }

620

.icon-user { background-image: url(../images/user.png); }

621

.icon-user { background-image: url(../images/user.png); }

621

.icon-mypage { background-image: url(../images/user_page.png); }

622

.icon-mypage { background-image: url(../images/user_page.png); }

622

.icon-admin { background-image: url(../images/admin.png); }

623

.icon-admin { background-image: url(../images/admin.png); }

623

.icon-projects { background-image: url(../images/projects.png); }

624

.icon-projects { background-image: url(../images/projects.png); }

624

.icon-help { background-image: url(../images/help.png); }

625

.icon-help { background-image: url(../images/help.png); }

625

.icon-attachment { background-image: url(../images/attachment.png); }

626

.icon-attachment { background-image: url(../images/attachment.png); }

626

.icon-index { background-image: url(../images/index.png); }

627

.icon-index { background-image: url(../images/index.png); }

627

.icon-history { background-image: url(../images/history.png); }

628

.icon-history { background-image: url(../images/history.png); }

628

.icon-time { background-image: url(../images/time.png); }

629

.icon-time { background-image: url(../images/time.png); }

629

.icon-time-add { background-image: url(../images/time_add.png); }

630

.icon-time-add { background-image: url(../images/time_add.png); }

630

.icon-stats { background-image: url(../images/stats.png); }

631

.icon-stats { background-image: url(../images/stats.png); }

631

.icon-warning { background-image: url(../images/warning.png); }

632

.icon-warning { background-image: url(../images/warning.png); }

632

.icon-fav { background-image: url(../images/fav.png); }

633

.icon-fav { background-image: url(../images/fav.png); }

633

.icon-fav-off { background-image: url(../images/fav_off.png); }

634

.icon-fav-off { background-image: url(../images/fav_off.png); }

634

.icon-reload { background-image: url(../images/reload.png); }

635

.icon-reload { background-image: url(../images/reload.png); }

635

.icon-lock { background-image: url(../images/locked.png); }

636

.icon-lock { background-image: url(../images/locked.png); }

636

.icon-unlock { background-image: url(../images/unlock.png); }

637

.icon-unlock { background-image: url(../images/unlock.png); }

637

.icon-checked { background-image: url(../images/true.png); }

638

.icon-checked { background-image: url(../images/true.png); }

638

.icon-details { background-image: url(../images/zoom_in.png); }

639

.icon-details { background-image: url(../images/zoom_in.png); }

639

.icon-report { background-image: url(../images/report.png); }

640

.icon-report { background-image: url(../images/report.png); }

640

.icon-comment { background-image: url(../images/comment.png); }

641

.icon-comment { background-image: url(../images/comment.png); }

641

642

.icon22-projects { background-image: url(../images/22x22/projects.png); }

643

.icon22-projects { background-image: url(../images/22x22/projects.png); }

643

.icon22-users { background-image: url(../images/22x22/users.png); }

644

.icon22-users { background-image: url(../images/22x22/users.png); }

644

.icon22-tracker { background-image: url(../images/22x22/tracker.png); }

645

.icon22-tracker { background-image: url(../images/22x22/tracker.png); }

645

.icon22-role { background-image: url(../images/22x22/role.png); }

646

.icon22-role { background-image: url(../images/22x22/role.png); }

646

.icon22-workflow { background-image: url(../images/22x22/workflow.png); }

647

.icon22-workflow { background-image: url(../images/22x22/workflow.png); }

647

.icon22-options { background-image: url(../images/22x22/options.png); }

648

.icon22-options { background-image: url(../images/22x22/options.png); }

648

.icon22-notifications { background-image: url(../images/22x22/notifications.png); }

649

.icon22-notifications { background-image: url(../images/22x22/notifications.png); }

649

.icon22-authent { background-image: url(../images/22x22/authent.png); }

650

.icon22-authent { background-image: url(../images/22x22/authent.png); }

650

.icon22-info { background-image: url(../images/22x22/info.png); }

651

.icon22-info { background-image: url(../images/22x22/info.png); }

651

.icon22-comment { background-image: url(../images/22x22/comment.png); }

652

.icon22-comment { background-image: url(../images/22x22/comment.png); }

652

.icon22-package { background-image: url(../images/22x22/package.png); }

653

.icon22-package { background-image: url(../images/22x22/package.png); }

653

.icon22-settings { background-image: url(../images/22x22/settings.png); }

654

.icon22-settings { background-image: url(../images/22x22/settings.png); }

654

.icon22-plugin { background-image: url(../images/22x22/plugin.png); }

655

.icon22-plugin { background-image: url(../images/22x22/plugin.png); }

655

656

img.gravatar {

657

img.gravatar {

657

padding: 2px;

658

padding: 2px;

658

border: solid 1px #d5d5d5;

659

border: solid 1px #d5d5d5;

659

background: #fff;

660

background: #fff;

660

}

661

}

661

662

div.issue img.gravatar {

663

div.issue img.gravatar {

663

float: right;

664

float: right;

664

margin: 0 0 0 1em;

665

margin: 0 0 0 1em;

665

padding: 5px;

666

padding: 5px;

666

}

667

}

667

668

div.issue table img.gravatar {

669

div.issue table img.gravatar {

669

height: 14px;

670

height: 14px;

670

width: 14px;

671

width: 14px;

671

padding: 2px;

672

padding: 2px;

672

float: left;

673

float: left;

673

margin: 0 0.5em 0 0;

674

margin: 0 0.5em 0 0;

674

}

675

}

675

676

#history img.gravatar {

677

#history img.gravatar {

677

padding: 3px;

678

padding: 3px;

678

margin: 0 1.5em 1em 0;

679

margin: 0 1.5em 1em 0;

679

float: left;

680

float: left;

680

}

681

}

681

682

td.username img.gravatar {

683

td.username img.gravatar {

683

float: left;

684

float: left;

684

margin: 0 1em 0 0;

685

margin: 0 1em 0 0;

685

}

686

}

686

687

#activity dt img.gravatar {

688

#activity dt img.gravatar {

688

float: left;

689

float: left;

689

margin: 0 1em 1em 0;

690

margin: 0 1em 1em 0;

690

}

691

}

691

692

#activity dt,

693

#activity dt,

693

.journal {

694

.journal {

694

clear: left;

695

clear: left;

695

}

696

}

696

697

h2 img { vertical-align:middle; }

698

h2 img { vertical-align:middle; }

698

699

700

/***** Media print specific styles *****/

701

/***** Media print specific styles *****/

701

@media print {

702

@media print {

702

#top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }

703

#top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }

703

#main { background: #fff; }

704

#main { background: #fff; }

704

#content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}

705

#content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}

705

}

706

}

             <%= breadcrumb link_to(l(:label_board_plural), {:controller => 'boards', :action => 'index', :project_id => @project}),
                            link_to(h(@board.name), {:controller => 'boards', :action => 'show', :project_id => @project, :id => @board}) %>
             <div class="contextual">
                 <%= watcher_tag(@topic, User.current) %>
                 <%= link_to_remote_if_authorized l(:button_quote), { :url => {:action => 'quote', :id => @topic} }, :class => 'icon icon-comment' %>
                 <%= link_to(l(:button_edit), {:action => 'edit', :id => @topic}, :class => 'icon icon-edit') if @message.editable_by?(User.current) %>
                 <%= link_to(l(:button_delete), {:action => 'destroy', :id => @topic}, :method => :post, :confirm => l(:text_are_you_sure), :class => 'icon icon-del') if @message.destroyable_by?(User.current) %>
             </div>
             <h2><%=h @topic.subject %></h2>
             <div class="message">
             <p><span class="author"><%= authoring @topic.created_on, @topic.author %></span></p>
             <div class="wiki">
             <%= textilizable(@topic.content, :attachments => @topic.attachments) %>
             </div>
             <%= link_to_attachments @topic, :author => false %>
             </div>
             <br />
             <% unless @replies.empty? %>
             <h3 class="icon22 icon22-comment"><%= l(:label_reply_plural) %></h3>
             <% @replies.each do |message| %>
               <a name="<%= "message-#{message.id}" %>"></a>
-              <div class="contextual">
-                <%= link_to_remote_if_authorized image_tag('comment.png'), { :url => {:action => 'quote', :id => message} }, :title => l(:button_quote) %>
-                <%= link_to(image_tag('edit.png'), {:action => 'edit', :id => message}, :title => l(:button_edit)) if message.editable_by?(User.current) %>
-                <%= link_to(image_tag('delete.png'), {:action => 'destroy', :id => message}, :method => :post, :confirm => l(:text_are_you_sure), :title => l(:button_delete)) if message.destroyable_by?(User.current) %>
-              </div>
               <div class="message reply">
+                <div class="contextual">
+                  <%= link_to_remote_if_authorized image_tag('comment.png'), { :url => {:action => 'quote', :id => message} }, :title => l(:button_quote) %>
+                  <%= link_to(image_tag('edit.png'), {:action => 'edit', :id => message}, :title => l(:button_edit)) if message.editable_by?(User.current) %>
+                  <%= link_to(image_tag('delete.png'), {:action => 'destroy', :id => message}, :method => :post, :confirm => l(:text_are_you_sure), :title => l(:button_delete)) if message.destroyable_by?(User.current) %>
+                </div>
               <h4><%=h message.subject %> - <%= authoring message.created_on, message.author %></h4>
               <div class="wiki"><%= textilizable message, :content, :attachments => message.attachments %></div>
               <%= link_to_attachments message, :author => false %>
               </div>
             <% end %>
             <% end %>
             <% if !@topic.locked? && authorize_for('messages', 'reply') %>
             <p><%= toggle_link l(:button_reply), "reply", :focus => 'message_content' %></p>
             <div id="reply" style="display:none;">
             <% form_for :reply, @reply, :url => {:action => 'reply', :id => @topic}, :html => {:multipart => true, :id => 'message-form'} do |f| %>
               <%= render :partial => 'form', :locals => {:f => f, :replying => true} %>
               <%= submit_tag l(:button_submit) %>
               <%= link_to_remote l(:label_preview),
                                  { :url => { :controller => 'messages', :action => 'preview', :board_id => @board },
                                    :method => 'post',
                                    :update => 'preview',
                                    :with => "Form.serialize('message-form')",
                                    :complete => "Element.scrollTo('preview')"
                                  }, :accesskey => accesskey(:preview) %>
             <% end %>
             <div id="preview" class="wiki"></div>
             </div>
             <% end %>
             <% content_for :header_tags do %>
               <%= stylesheet_link_tag 'scm' %>
             <% end %>
             <% html_title h(@topic.subject) %>

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

             body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
             h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
             h1 {margin:0; padding:0; font-size: 24px;}
             h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
             h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
             h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
             /***** Layout *****/
             #wrapper {background: white;}
             #top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
             #top-menu ul {margin: 0;  padding: 0;}
             #top-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
             #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
             #account {float:right;}
             #header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
             #header a {color:#f8f8f8;}
             #quick-search {float:right;}
             #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px;}
             #main-menu ul {margin: 0;  padding: 0;}
             #main-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 2px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #main-menu li a {
               display: block;
               color: #fff;
               text-decoration: none;
               font-weight: bold;
               margin: 0;
               padding: 4px 10px 4px 10px;
             }
             #main-menu li a:hover {background:#759FCF; color:#fff;}
             #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
             #main {background-color:#EEEEEE;}
             #sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
             * html #sidebar{ width: 17%; }
             #sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
             #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
             * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
             #content { width: 80%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; }
             * html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
             html>body #content { min-height: 600px; }
             * html body #content { height: 600px; } /* IE */
             #main.nosidebar #sidebar{ display: none; }
             #main.nosidebar #content{ width: auto; border-right: 0; }
             #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
             #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
             #login-form table td {padding: 6px;}
             #login-form label {font-weight: bold;}
             .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
             /***** Links *****/
             a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
             a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
             a img{ border: 0; }
             a.issue.closed { text-decoration: line-through; }
             /***** Tables *****/
             table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
             table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
             table.list td { vertical-align: top; }
             table.list td.id { width: 2%; text-align: center;}
             table.list td.checkbox { width: 15px; padding: 0px;}
             tr.project td.name a { padding-left: 16px; white-space:nowrap; }
             tr.project.parent td.name a { background: url('../images/bullet_toggle_minus.png') no-repeat; }
             tr.issue { text-align: center; white-space: nowrap; }
             tr.issue td.subject, tr.issue td.category, td.assigned_to { white-space: normal; }
             tr.issue td.subject { text-align: left; }
             tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
             tr.entry { border: 1px solid #f8f8f8; }
             tr.entry td { white-space: nowrap; }
             tr.entry td.filename { width: 30%; }
             tr.entry td.size { text-align: right; font-size: 90%; }
             tr.entry td.revision, tr.entry td.author { text-align: center; }
             tr.entry td.age { text-align: right; }
             tr.entry span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
             tr.entry.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
             tr.entry.file td.filename a { margin-left: 16px; }
             tr.changeset td.author { text-align: center; width: 15%; }
             tr.changeset td.committed_on { text-align: center; width: 15%; }
             tr.message { height: 2.6em; }
             tr.message td.last_message { font-size: 80%; }
             tr.message.locked td.subject a { background-image: url(../images/locked.png); }
             tr.message.sticky td.subject a { background-image: url(../images/sticky.png); font-weight: bold; }
             tr.user td { width:13%; }
             tr.user td.email { width:18%; }
             tr.user td { white-space: nowrap; }
             tr.user.locked, tr.user.registered { color: #aaa; }
             tr.user.locked a, tr.user.registered a { color: #aaa; }
             tr.time-entry { text-align: center; white-space: nowrap; }
             tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
             td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
             td.hours .hours-dec { font-size: 0.9em; }
             table.plugins td { vertical-align: middle; }
             table.plugins td.configure { text-align: right; padding-right: 1em; }
             table.plugins span.name { font-weight: bold; display: block; margin-bottom: 6px; }
             table.plugins span.description { display: block; font-size: 0.9em; }
             table.plugins span.url { display: block; font-size: 0.9em; }
             table.list tbody tr:hover { background-color:#ffffdd; }
             table td {padding:2px;}
             table p {margin:0;}
             .odd {background-color:#f6f7f8;}
             .even {background-color: #fff;}
             .highlight { background-color: #FCFD8D;}
             .highlight.token-1 { background-color: #faa;}
             .highlight.token-2 { background-color: #afa;}
             .highlight.token-3 { background-color: #aaf;}
             .box{
             padding:6px;
             margin-bottom: 10px;
             background-color:#f6f6f6;
             color:#505050;
             line-height:1.5em;
             border: 1px solid #e4e4e4;
             }
             div.square {
              border: 1px solid #999;
              float: left;
              margin: .3em .4em 0 .4em;
              overflow: hidden;
              width: .6em; height: .6em;
             }
             .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
             .contextual input {font-size:0.9em;}
+            .message .contextual { margin-top: 0; }
             .splitcontentleft{float:left; width:49%;}
             .splitcontentright{float:right; width:49%;}
             form {display: inline;}
             input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
             fieldset {border: 1px solid #e4e4e4; margin:0;}
             legend {color: #484848;}
             hr { width: 100%; height: 1px; background: #ccc; border: 0;}
             blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
             blockquote blockquote { margin-left: 0;}
             textarea.wiki-edit { width: 99%; }
             li p {margin-top: 0;}
             div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
             p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
             p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
             p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }
             fieldset#filters, fieldset#date-range { padding: 0.7em; margin-bottom: 8px; }
             fieldset#filters p { margin: 1.2em 0 0.8em 2px; }
             fieldset#filters table { border-collapse: collapse; }
             fieldset#filters table td { padding: 0; vertical-align: middle; }
             fieldset#filters tr.filter { height: 2em; }
             fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
             .buttons { font-size: 0.9em; }
             div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
             div#issue-changesets .changeset { padding: 4px;}
             div#issue-changesets .changeset { border-bottom: 1px solid #ddd; }
             div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
             div#activity dl, #search-results { margin-left: 2em; }
             div#activity dd, #search-results dd { margin-bottom: 1em; padding-left: 18px; font-size: 0.9em; }
             div#activity dt, #search-results dt { margin-bottom: 0px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
             div#activity dt.me .time { border-bottom: 1px solid #999; }
             div#activity dt .time { color: #777; font-size: 80%; }
             div#activity dd .description, #search-results dd .description { font-style: italic; }
             div#activity span.project:after, #search-results span.project:after { content: " -"; }
             div#activity dd span.description, #search-results dd span.description { display:block; }
             #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px; }
             div#search-results-counts {float:right;}
             div#search-results-counts ul { margin-top: 0.5em; }
             div#search-results-counts  li { list-style-type:none; float: left; margin-left: 1em; }
             dt.issue { background-image: url(../images/ticket.png); }
             dt.issue-edit { background-image: url(../images/ticket_edit.png); }
             dt.issue-closed { background-image: url(../images/ticket_checked.png); }
             dt.issue-note { background-image: url(../images/ticket_note.png); }
             dt.changeset { background-image: url(../images/changeset.png); }
             dt.news { background-image: url(../images/news.png); }
             dt.message { background-image: url(../images/message.png); }
             dt.reply { background-image: url(../images/comments.png); }
             dt.wiki-page { background-image: url(../images/wiki_edit.png); }
             dt.attachment { background-image: url(../images/attachment.png); }
             dt.document { background-image: url(../images/document.png); }
             dt.project { background-image: url(../images/projects.png); }
             #search-results dt.issue.closed { background-image: url(../images/ticket_checked.png); }
             div#roadmap fieldset.related-issues { margin-bottom: 1em; }
             div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }
             div#roadmap .wiki h1:first-child { display: none; }
             div#roadmap .wiki h1 { font-size: 120%; }
             div#roadmap .wiki h2 { font-size: 110%; }
             div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
             div#version-summary fieldset { margin-bottom: 1em; }
             div#version-summary .total-hours { text-align: right; }
             table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
             table#time-report tbody tr { font-style: italic; color: #777; }
             table#time-report tbody tr.last-level { font-style: normal; color: #555; }
             table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }
             table#time-report .hours-dec { font-size: 0.9em; }
             form#issue-form .attributes { margin-bottom: 8px; }
             form#issue-form .attributes p { padding-top: 1px; padding-bottom: 2px; }
             form#issue-form .attributes select { min-width: 30%; }
             ul.projects { margin: 0; padding-left: 1em; }
             ul.projects.root { margin: 0;  padding: 0; }
             ul.projects ul { border-left: 3px solid #e0e0e0; }
             ul.projects li { list-style-type:none; }
             ul.projects li.root { margin-bottom: 1em; }
             ul.projects li.child { margin-top: 1em;}
             ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
             .my-project { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
             #tracker_project_ids ul { margin: 0;  padding-left: 1em; }
             #tracker_project_ids li { list-style-type:none; }
             ul.properties {padding:0; font-size: 0.9em; color: #777;}
             ul.properties li {list-style-type:none;}
             ul.properties li span {font-style:italic;}
             .total-hours { font-size: 110%; font-weight: bold; }
             .total-hours span.hours-int { font-size: 120%; }
             .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}
             #user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }
             .pagination {font-size: 90%}
             p.pagination {margin-top:8px;}
             /***** Tabular forms ******/
             .tabular p{
             margin: 0;
             padding: 5px 0 8px 0;
             padding-left: 180px; /*width of left column containing the label elements*/
             height: 1%;
             clear:left;
             }
             html>body .tabular p {overflow:hidden;}
             .tabular label{
             font-weight: bold;
             float: left;
             text-align: right;
             margin-left: -180px; /*width of left column*/
             width: 175px; /*width of labels. Should be smaller than left column to create some right
             margin*/
             }
             .tabular label.floating{
             font-weight: normal;
             margin-left: 0px;
             text-align: left;
             width: 270px;
             }
             input#time_entry_comments { width: 90%;}
             #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
             .tabular.settings p{ padding-left: 300px; }
             .tabular.settings label{ margin-left: -300px; width: 295px; }
             .required {color: #bb0000;}
             .summary {font-style: italic;}
             #attachments_fields input[type=text] {margin-left: 8px; }
             div.attachments { margin-top: 12px; }
             div.attachments p { margin:4px 0 2px 0; }
             div.attachments img { vertical-align: middle; }
             div.attachments span.author { font-size: 0.9em; color: #888; }
             p.other-formats { text-align: right; font-size:0.9em; color: #666; }
             .other-formats span + span:before { content: "| "; }
             a.atom { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
             /***** Flash & error messages ****/
             #errorExplanation, div.flash, .nodata, .warning {
                 padding: 4px 4px 4px 30px;
                 margin-bottom: 12px;
             	font-size: 1.1em;
             	border: 2px solid;
             }
             div.flash {margin-top: 8px;}
             div.flash.error, #errorExplanation {
                 background: url(../images/false.png) 8px 5px no-repeat;
             	background-color: #ffe3e3;
             	border-color: #dd0000;
             	color: #550000;
             }
             div.flash.notice {
                 background: url(../images/true.png) 8px 5px no-repeat;
             	background-color: #dfffdf;
             	border-color: #9fcf9f;
             	color: #005f00;
             }
             div.flash.warning {
               background: url(../images/warning.png) 8px 5px no-repeat;
             	background-color: #FFEBC1;
             	border-color: #FDBF3B;
             	color: #A6750C;
               text-align: left;
             }
             .nodata, .warning {
                 text-align: center;
             	background-color: #FFEBC1;
             	border-color: #FDBF3B;
             	color: #A6750C;
             }
             #errorExplanation ul { font-size: 0.9em;}
             /***** Ajax indicator ******/
             #ajax-indicator {
             position: absolute; /* fixed not supported by IE */
             background-color:#eee;
             border: 1px solid #bbb;
             top:35%;
             left:40%;
             width:20%;
             font-weight:bold;
             text-align:center;
             padding:0.6em;
             z-index:100;
             filter:alpha(opacity=50);
             opacity: 0.5;
             }
             html>body #ajax-indicator { position: fixed; }
             #ajax-indicator span {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             background-image: url(../images/loading.gif);
             padding-left: 26px;
             vertical-align: bottom;
             }
             /***** Calendar *****/
             table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
             table.cal thead th {width: 14%;}
             table.cal tbody tr {height: 100px;}
             table.cal th { background-color:#EEEEEE; padding: 4px; }
             table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
             table.cal td p.day-num {font-size: 1.1em; text-align:right;}
             table.cal td.odd p.day-num {color: #bbb;}
             table.cal td.today {background:#ffffdd;}
             table.cal td.today p.day-num {font-weight: bold;}
             /***** Tooltips ******/
             .tooltip{position:relative;z-index:24;}
             .tooltip:hover{z-index:25;color:#000;}
             .tooltip span.tip{display: none; text-align:left;}
             div.tooltip:hover span.tip{
             display:block;
             position:absolute;
             top:12px; left:24px; width:270px;
             border:1px solid #555;
             background-color:#fff;
             padding: 4px;
             font-size: 0.8em;
             color:#505050;
             }
             /***** Progress bar *****/
             table.progress {
                 border: 1px solid #D7D7D7;
                 border-collapse: collapse;
                 border-spacing: 0pt;
                 empty-cells: show;
                 text-align: center;
                 float:left;
                 margin: 1px 6px 1px 0px;
             }
             table.progress td { height: 0.9em; }
             table.progress td.closed { background: #BAE0BA none repeat scroll 0%; }
             table.progress td.done { background: #DEF0DE none repeat scroll 0%; }
             table.progress td.open { background: #FFF none repeat scroll 0%; }
             p.pourcent {font-size: 80%;}
             p.progress-info {clear: left; font-style: italic; font-size: 80%;}
             /***** Tabs *****/
             #content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}
             #content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}
             #content .tabs>ul { bottom:-1px; } /* others */
             #content .tabs ul li {
             float:left;
             list-style-type:none;
             white-space:nowrap;
             margin-right:8px;
             background:#fff;
             }
             #content .tabs ul li a{
             display:block;
             font-size: 0.9em;
             text-decoration:none;
             line-height:1.3em;
             padding:4px 6px 4px 6px;
             border: 1px solid #ccc;
             border-bottom: 1px solid #bbbbbb;
             background-color: #eeeeee;
             color:#777;
             font-weight:bold;
             }
             #content .tabs ul li a:hover {
             background-color: #ffffdd;
             text-decoration:none;
             }
             #content .tabs ul li a.selected {
             background-color: #fff;
             border: 1px solid #bbbbbb;
             border-bottom: 1px solid #fff;
             }
             #content .tabs ul li a.selected:hover {
             background-color: #fff;
             }
             /***** Diff *****/
             .diff_out { background: #fcc; }
             .diff_in { background: #cfc; }
             /***** Wiki *****/
             div.wiki table {
                 border: 1px solid #505050;
                 border-collapse: collapse;
                 margin-bottom: 1em;
             }
             div.wiki table, div.wiki td, div.wiki th {
                 border: 1px solid #bbb;
                 padding: 4px;
             }
             div.wiki .external {
                 background-position: 0% 60%;
                 background-repeat: no-repeat;
                 padding-left: 12px;
                 background-image: url(../images/external.png);
             }
             div.wiki a.new {
                 color: #b73535;
             }
             div.wiki pre {
                 margin: 1em 1em 1em 1.6em;
                 padding: 2px;
                 background-color: #fafafa;
                 border: 1px solid #dadada;
                 width:95%;
                 overflow-x: auto;
             }
             div.wiki ul.toc {
                 background-color: #ffffdd;
                 border: 1px solid #e4e4e4;
                 padding: 4px;
                 line-height: 1.2em;
                 margin-bottom: 12px;
                 margin-right: 12px;
                 margin-left: 0;
                 display: table
             }
             * html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
             div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
             div.wiki ul.toc.left  { float: left; margin-right: 12px; margin-left: 0; width: auto; }
             div.wiki ul.toc li { list-style-type:none;}
             div.wiki ul.toc li.heading2 { margin-left: 6px; }
             div.wiki ul.toc li.heading3 { margin-left: 12px; font-size: 0.8em; }
             div.wiki ul.toc a {
                 font-size: 0.9em;
                 font-weight: normal;
                 text-decoration: none;
                 color: #606060;
             }
             div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
             a.wiki-anchor { display: none; margin-left: 6px; text-decoration: none; }
             a.wiki-anchor:hover { color: #aaa !important; text-decoration: none; }
             h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor { display: inline; color: #ddd; }
             /***** My page layout *****/
             .block-receiver {
             border:1px dashed #c0c0c0;
             margin-bottom: 20px;
             padding: 15px 0 15px 0;
             }
             .mypage-box {
             margin:0 0 20px 0;
             color:#505050;
             line-height:1.5em;
             }
             .handle {
             cursor: move;
             }
             a.close-icon {
             display:block;
             margin-top:3px;
             overflow:hidden;
             width:12px;
             height:12px;
             background-repeat: no-repeat;
             cursor:pointer;
             background-image:url('../images/close.png');
             }
             a.close-icon:hover {
             background-image:url('../images/close_hl.png');
             }
             /***** Gantt chart *****/
             .gantt_hdr {
               position:absolute;
               top:0;
               height:16px;
               border-top: 1px solid #c0c0c0;
               border-bottom: 1px solid #c0c0c0;
               border-right: 1px solid #c0c0c0;
               text-align: center;
               overflow: hidden;
             }
             .task {
               position: absolute;
               height:8px;
               font-size:0.8em;
               color:#888;
               padding:0;
               margin:0;
               line-height:0.8em;
             }
             .task_late { background:#f66 url(../images/task_late.png); border: 1px solid #f66; }
             .task_done { background:#66f url(../images/task_done.png); border: 1px solid #66f; }
             .task_todo { background:#aaa url(../images/task_todo.png); border: 1px solid #aaa; }
             .milestone { background-image:url(../images/milestone.png); background-repeat: no-repeat; border: 0; }
             /***** Icons *****/
             .icon {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             padding-left: 20px;
             padding-top: 2px;
             padding-bottom: 3px;
             }
             .icon22 {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             padding-left: 26px;
             line-height: 22px;
             vertical-align: middle;
             }
             .icon-add { background-image: url(../images/add.png); }
             .icon-edit { background-image: url(../images/edit.png); }
             .icon-copy { background-image: url(../images/copy.png); }
             .icon-del { background-image: url(../images/delete.png); }
             .icon-move { background-image: url(../images/move.png); }
             .icon-save { background-image: url(../images/save.png); }
             .icon-cancel { background-image: url(../images/cancel.png); }
             .icon-file { background-image: url(../images/file.png); }
             .icon-folder { background-image: url(../images/folder.png); }
             .open .icon-folder { background-image: url(../images/folder_open.png); }
             .icon-package { background-image: url(../images/package.png); }
             .icon-home { background-image: url(../images/home.png); }
             .icon-user { background-image: url(../images/user.png); }
             .icon-mypage { background-image: url(../images/user_page.png); }
             .icon-admin { background-image: url(../images/admin.png); }
             .icon-projects { background-image: url(../images/projects.png); }
             .icon-help { background-image: url(../images/help.png); }
             .icon-attachment  { background-image: url(../images/attachment.png); }
             .icon-index  { background-image: url(../images/index.png); }
             .icon-history  { background-image: url(../images/history.png); }
             .icon-time  { background-image: url(../images/time.png); }
             .icon-time-add  { background-image: url(../images/time_add.png); }
             .icon-stats  { background-image: url(../images/stats.png); }
             .icon-warning  { background-image: url(../images/warning.png); }
             .icon-fav  { background-image: url(../images/fav.png); }
             .icon-fav-off  { background-image: url(../images/fav_off.png); }
             .icon-reload  { background-image: url(../images/reload.png); }
             .icon-lock  { background-image: url(../images/locked.png); }
             .icon-unlock  { background-image: url(../images/unlock.png); }
             .icon-checked  { background-image: url(../images/true.png); }
             .icon-details  { background-image: url(../images/zoom_in.png); }
             .icon-report  { background-image: url(../images/report.png); }
             .icon-comment  { background-image: url(../images/comment.png); }
             .icon22-projects { background-image: url(../images/22x22/projects.png); }
             .icon22-users { background-image: url(../images/22x22/users.png); }
             .icon22-tracker { background-image: url(../images/22x22/tracker.png); }
             .icon22-role { background-image: url(../images/22x22/role.png); }
             .icon22-workflow { background-image: url(../images/22x22/workflow.png); }
             .icon22-options { background-image: url(../images/22x22/options.png); }
             .icon22-notifications { background-image: url(../images/22x22/notifications.png); }
             .icon22-authent { background-image: url(../images/22x22/authent.png); }
             .icon22-info { background-image: url(../images/22x22/info.png); }
             .icon22-comment { background-image: url(../images/22x22/comment.png); }
             .icon22-package { background-image: url(../images/22x22/package.png); }
             .icon22-settings { background-image: url(../images/22x22/settings.png); }
             .icon22-plugin { background-image: url(../images/22x22/plugin.png); }
             img.gravatar {
             	padding: 2px;
               border: solid 1px #d5d5d5;
               background: #fff;
             }
             div.issue img.gravatar {
             	float: right;
             	margin: 0 0 0 1em;
             	padding: 5px;
             }
             div.issue table img.gravatar {
             	height: 14px;
             	width: 14px;
             	padding: 2px;
             	float: left;
             	margin: 0 0.5em 0 0;
             }
             #history img.gravatar {
             	padding: 3px;
             	margin: 0 1.5em 1em 0;
             	float: left;
             }
             td.username img.gravatar {
             	float: left;
             	margin: 0 1em 0 0;
             }
             #activity dt img.gravatar {
             	float: left;
             	margin: 0 1em 1em 0;
             }
             #activity dt,
             .journal {
             	clear: left;
             }
             h2 img { vertical-align:middle; }
             /***** Media print specific styles *****/
             @media print {
               #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
               #main { background: #fff; }
               #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
             }