jro_apps/redmine Commit - r947:60c82a03dbdf

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: 12px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

7

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

8

9

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

9

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

10

#top-menu {background: #2C4056;color: #fff;height:1.5em; padding: 2px 6px 0px 6px;}

10

#top-menu {background: #2C4056;color: #fff;height:1.5em; padding: 2px 6px 0px 6px;}

11

#top-menu a {color: #fff; padding-right: 4px;}

11

#top-menu a {color: #fff; padding-right: 4px;}

12

#account {float:right;}

12

#account {float:right;}

13

14

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

14

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

15

#header a {color:#f8f8f8;}

15

#header a {color:#f8f8f8;}

16

#quick-search {float:right;}

16

#quick-search {float:right;}

17

18

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

18

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

19

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

19

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

20

#main-menu li {

20

#main-menu li {

21

float:left;

21

float:left;

22

list-style-type:none;

22

list-style-type:none;

23

margin: 0px 10px 0px 0px;

23

margin: 0px 10px 0px 0px;

24

padding: 0px 0px 0px 0px;

24

padding: 0px 0px 0px 0px;

25

white-space:nowrap;

25

white-space:nowrap;

26

}

26

}

27

#main-menu li a {

27

#main-menu li a {

28

display: block;

28

display: block;

29

color: #fff;

29

color: #fff;

30

text-decoration: none;

30

text-decoration: none;

31

margin: 0;

31

margin: 0;

32

padding: 4px 4px 4px 4px;

32

padding: 4px 4px 4px 4px;

33

background: #2C4056;

33

background: #2C4056;

34

}

34

}

35

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

35

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

36

37

#main {background: url(../images/mainbg.png) repeat-x; background-color:#EEEEEE;}

37

#main {background: url(../images/mainbg.png) repeat-x; background-color:#EEEEEE;}

38

39

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

39

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

40

* html #sidebar{ width: 17%; }

40

* html #sidebar{ width: 17%; }

41

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

41

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

42

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

42

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

43

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

43

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

44

45

#content { width: 80%; background: url(../images/contentbg.png) repeat-x; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; height:600px; min-height: 600px;}

45

#content { width: 80%; background: url(../images/contentbg.png) repeat-x; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; height:600px; min-height: 600px;}

46

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

46

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

47

html>body #content {

47

html>body #content {

48

height: auto;

48

height: auto;

49

min-height: 600px;

49

min-height: 600px;

50

}

50

}

51

52

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

52

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

53

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

53

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

54

55

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

55

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

56

57

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

57

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

58

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

58

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

59

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

59

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

60

61

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

61

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

62

63

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

63

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

64

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

64

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

65

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

65

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

66

a img{ border: 0; }

66

a img{ border: 0; }

67

68

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

68

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

69

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

69

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

70

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

70

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

71

table.list td { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}

71

table.list td { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}

72

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

72

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

73

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

73

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

74

75

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

75

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

76

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

76

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

77

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

77

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

78

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

78

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

79

80

tr.message { height: 2.6em; }

80

tr.message { height: 2.6em; }

81

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

81

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

82

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

82

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

83

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

83

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

84

85

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

85

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

86

table td {padding:2px;}

86

table td {padding:2px;}

87

table p {margin:0;}

87

table p {margin:0;}

88

.odd {background-color:#f6f7f8;}

88

.odd {background-color:#f6f7f8;}

89

.even {background-color: #fff;}

89

.even {background-color: #fff;}

90

91

.highlight { background-color: #FCFD8D;}

91

.highlight { background-color: #FCFD8D;}

92

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

92

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

93

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

93

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

94

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

94

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

95

96

.box{

96

.box{

97

padding:6px;

97

padding:6px;

98

margin-bottom: 10px;

98

margin-bottom: 10px;

99

background-color:#f6f6f6;

99

background-color:#f6f6f6;

100

color:#505050;

100

color:#505050;

101

line-height:1.5em;

101

line-height:1.5em;

102

border: 1px solid #e4e4e4;

102

border: 1px solid #e4e4e4;

103

}

103

}

104

105

div.square {

105

div.square {

106

border: 1px solid #999;

106

border: 1px solid #999;

107

float: left;

107

float: left;

108

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

108

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

109

overflow: hidden;

109

overflow: hidden;

110

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

110

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

111

}

111

}

112

113

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

113

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

114

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

114

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

115

116

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

116

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

117

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

117

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

118

form {display: inline;}

118

form {display: inline;}

119

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

119

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

120

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

120

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

121

legend {color: #484848;}

121

legend {color: #484848;}

122

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

122

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

123

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

123

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

124

li p {margin-top: 0;}

124

li p {margin-top: 0;}

125

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

125

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

126

.autoscroll {overflow-x: auto; padding:1px; width:100%;}

126

.autoscroll {overflow-x: auto; padding:1px; width:100%;}

127

#user_firstname, #user_lastname, #user_mail, #~~notification_option~~ { width: 90%; }

127

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

128

129

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

129

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

130

.tabular p{

130

.tabular p{

131

margin: 0;

131

margin: 0;

132

padding: 5px 0 8px 0;

132

padding: 5px 0 8px 0;

133

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

133

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

134

height: 1%;

134

height: 1%;

135

clear:left;

135

clear:left;

136

}

136

}

137

138

.tabular label{

138

.tabular label{

139

font-weight: bold;

139

font-weight: bold;

140

float: left;

140

float: left;

141

text-align: right;

141

text-align: right;

142

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

142

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

143

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

143

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

144

margin*/

144

margin*/

145

}

145

}

146

147

.tabular label.floating{

147

.tabular label.floating{

148

font-weight: normal;

148

font-weight: normal;

149

margin-left: 0px;

149

margin-left: 0px;

150

text-align: left;

150

text-align: left;

151

width: 200px;

151

width: 200px;

152

}

152

}

153

154

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

154

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

155

156

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

156

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

157

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

157

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

158

159

.required {color: #bb0000;}

159

.required {color: #bb0000;}

160

.summary {font-style: italic;}

160

.summary {font-style: italic;}

161

162

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

162

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

163

164

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

164

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

165

#errorExplanation, div.flash, .nodata {

165

#errorExplanation, div.flash, .nodata {

166

padding: 4px 4px 4px 30px;

166

padding: 4px 4px 4px 30px;

167

margin-bottom: 12px;

167

margin-bottom: 12px;

168

font-size: 1.1em;

168

font-size: 1.1em;

169

border: 2px solid;

169

border: 2px solid;

170

}

170

}

171

172

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

172

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

173

174

div.flash.error, #errorExplanation {

174

div.flash.error, #errorExplanation {

175

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

175

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

176

background-color: #ffe3e3;

176

background-color: #ffe3e3;

177

border-color: #dd0000;

177

border-color: #dd0000;

178

color: #550000;

178

color: #550000;

179

}

179

}

180

181

div.flash.notice {

181

div.flash.notice {

182

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

182

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

183

background-color: #dfffdf;

183

background-color: #dfffdf;

184

border-color: #9fcf9f;

184

border-color: #9fcf9f;

185

color: #005f00;

185

color: #005f00;

186

}

186

}

187

188

.nodata {

188

.nodata {

189

text-align: center;

189

text-align: center;

190

background-color: #FFEBC1;

190

background-color: #FFEBC1;

191

border-color: #FDBF3B;

191

border-color: #FDBF3B;

192

color: #A6750C;

192

color: #A6750C;

193

}

193

}

194

195

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

195

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

196

197

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

197

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

198

#ajax-indicator {

198

#ajax-indicator {

199

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

199

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

200

background-color:#eee;

200

background-color:#eee;

201

border: 1px solid #bbb;

201

border: 1px solid #bbb;

202

top:35%;

202

top:35%;

203

left:40%;

203

left:40%;

204

width:20%;

204

width:20%;

205

font-weight:bold;

205

font-weight:bold;

206

text-align:center;

206

text-align:center;

207

padding:0.6em;

207

padding:0.6em;

208

z-index:100;

208

z-index:100;

209

filter:alpha(opacity=50);

209

filter:alpha(opacity=50);

210

-moz-opacity:0.5;

210

-moz-opacity:0.5;

211

opacity: 0.5;

211

opacity: 0.5;

212

-khtml-opacity: 0.5;

212

-khtml-opacity: 0.5;

213

}

213

}

214

215

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

215

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

216

217

#ajax-indicator span {

217

#ajax-indicator span {

218

background-position: 0% 40%;

218

background-position: 0% 40%;

219

background-repeat: no-repeat;

219

background-repeat: no-repeat;

220

220

221

padding-left: 26px;

221

padding-left: 26px;

222

vertical-align: bottom;

222

vertical-align: bottom;

223

}

223

}

224

225

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

225

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

226

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

226

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

227

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

227

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

228

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

228

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

229

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

229

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

230

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

230

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

231

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

231

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

232

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

232

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

233

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

233

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

234

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

234

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

235

236

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

236

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

237

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

237

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

238

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

238

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

239

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

239

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

240

241

div.tooltip:hover span.tip{

241

div.tooltip:hover span.tip{

242

display:block;

242

display:block;

243

position:absolute;

243

position:absolute;

244

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

244

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

245

border:1px solid #555;

245

border:1px solid #555;

246

background-color:#fff;

246

background-color:#fff;

247

padding: 4px;

247

padding: 4px;

248

font-size: 0.8em;

248

font-size: 0.8em;

249

color:#505050;

249

color:#505050;

250

}

250

}

251

252

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

252

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

253

table.progress {

253

table.progress {

254

border: 1px solid #D7D7D7;

254

border: 1px solid #D7D7D7;

255

border-collapse: collapse;

255

border-collapse: collapse;

256

border-spacing: 0pt;

256

border-spacing: 0pt;

257

empty-cells: show;

257

empty-cells: show;

258

text-align: center;

258

text-align: center;

259

float:left;

259

float:left;

260

margin: 1px 6px 1px 0px;

260

margin: 1px 6px 1px 0px;

261

}

261

}

262

263

table.progress td { height: 0.9em; }

263

table.progress td { height: 0.9em; }

264

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

264

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

265

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

265

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

266

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

266

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

267

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

267

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

268

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

268

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

269

270

div#status_by { margin-left: 16px; margin-bottom: 16px; }

270

div#status_by { margin-left: 16px; margin-bottom: 16px; }

271

272

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

272

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

273

#content .tabs{height: 2.6em;}

273

#content .tabs{height: 2.6em;}

274

#content .tabs ul{margin:0;}

274

#content .tabs ul{margin:0;}

275

#content .tabs ul li{

275

#content .tabs ul li{

276

float:left;

276

float:left;

277

list-style-type:none;

277

list-style-type:none;

278

white-space:nowrap;

278

white-space:nowrap;

279

margin-right:8px;

279

margin-right:8px;

280

background:#fff;

280

background:#fff;

281

}

281

}

282

#content .tabs ul li a{

282

#content .tabs ul li a{

283

display:block;

283

display:block;

284

font-size: 0.9em;

284

font-size: 0.9em;

285

text-decoration:none;

285

text-decoration:none;

286

line-height:1em;

286

line-height:1em;

287

padding:4px;

287

padding:4px;

288

border: 1px solid #c0c0c0;

288

border: 1px solid #c0c0c0;

289

}

289

}

290

291

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

291

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

292

background-color: #507AAA;

292

background-color: #507AAA;

293

border: 1px solid #507AAA;

293

border: 1px solid #507AAA;

294

color: #fff;

294

color: #fff;

295

text-decoration:none;

295

text-decoration:none;

296

}

296

}

297

298

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

298

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

299

.diff_out { background: #fcc; }

299

.diff_out { background: #fcc; }

300

.diff_in { background: #cfc; }

300

.diff_in { background: #cfc; }

301

302

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

302

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

303

div.wiki table {

303

div.wiki table {

304

border: 1px solid #505050;

304

border: 1px solid #505050;

305

border-collapse: collapse;

305

border-collapse: collapse;

306

}

306

}

307

308

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

308

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

309

border: 1px solid #bbb;

309

border: 1px solid #bbb;

310

padding: 4px;

310

padding: 4px;

311

}

311

}

312

313

div.wiki .external {

313

div.wiki .external {

314

background-position: 0% 60%;

314

background-position: 0% 60%;

315

background-repeat: no-repeat;

315

background-repeat: no-repeat;

316

padding-left: 12px;

316

padding-left: 12px;

317

317

318

}

318

}

319

320

div.wiki a.new {

320

div.wiki a.new {

321

color: #b73535;

321

color: #b73535;

322

}

322

}

323

324

div.wiki pre {

324

div.wiki pre {

325

margin: 1em 1em 1em 1.6em;

325

margin: 1em 1em 1em 1.6em;

326

padding: 2px;

326

padding: 2px;

327

background-color: #fafafa;

327

background-color: #fafafa;

328

border: 1px solid #dadada;

328

border: 1px solid #dadada;

329

width:95%;

329

width:95%;

330

overflow-x: auto;

330

overflow-x: auto;

331

}

331

}

332

333

div.wiki div.toc {

333

div.wiki div.toc {

334

background-color: #ffffdd;

334

background-color: #ffffdd;

335

border: 1px solid #e4e4e4;

335

border: 1px solid #e4e4e4;

336

padding: 4px;

336

padding: 4px;

337

line-height: 1.2em;

337

line-height: 1.2em;

338

margin-bottom: 12px;

338

margin-bottom: 12px;

339

margin-right: 12px;

339

margin-right: 12px;

340

display: table

340

display: table

341

}

341

}

342

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

342

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

343

344

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

344

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

345

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

345

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

346

347

div.wiki div.toc a {

347

div.wiki div.toc a {

348

display: block;

348

display: block;

349

font-size: 0.9em;

349

font-size: 0.9em;

350

font-weight: normal;

350

font-weight: normal;

351

text-decoration: none;

351

text-decoration: none;

352

color: #606060;

352

color: #606060;

353

}

353

}

354

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

354

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

355

356

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

356

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

357

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

357

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

358

359

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

359

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

360

.block-receiver {

360

.block-receiver {

361

border:1px dashed #c0c0c0;

361

border:1px dashed #c0c0c0;

362

margin-bottom: 20px;

362

margin-bottom: 20px;

363

padding: 15px 0 15px 0;

363

padding: 15px 0 15px 0;

364

}

364

}

365

366

.mypage-box {

366

.mypage-box {

367

margin:0 0 20px 0;

367

margin:0 0 20px 0;

368

color:#505050;

368

color:#505050;

369

line-height:1.5em;

369

line-height:1.5em;

370

}

370

}

371

372

.handle {

372

.handle {

373

cursor: move;

373

cursor: move;

374

}

374

}

375

376

a.close-icon {

376

a.close-icon {

377

display:block;

377

display:block;

378

margin-top:3px;

378

margin-top:3px;

379

overflow:hidden;

379

overflow:hidden;

380

width:12px;

380

width:12px;

381

height:12px;

381

height:12px;

382

background-repeat: no-repeat;

382

background-repeat: no-repeat;

383

cursor:pointer;

383

cursor:pointer;

384

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

384

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

385

}

385

}

386

387

a.close-icon:hover {

387

a.close-icon:hover {

388

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

388

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

389

}

389

}

390

391

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

391

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

392

.gantt_hdr {

392

.gantt_hdr {

393

position:absolute;

393

position:absolute;

394

top:0;

394

top:0;

395

height:16px;

395

height:16px;

396

border-top: 1px solid #c0c0c0;

396

border-top: 1px solid #c0c0c0;

397

border-bottom: 1px solid #c0c0c0;

397

border-bottom: 1px solid #c0c0c0;

398

border-right: 1px solid #c0c0c0;

398

border-right: 1px solid #c0c0c0;

399

text-align: center;

399

text-align: center;

400

overflow: hidden;

400

overflow: hidden;

401

}

401

}

402

403

.task {

403

.task {

404

position: absolute;

404

position: absolute;

405

height:8px;

405

height:8px;

406

font-size:0.8em;

406

font-size:0.8em;

407

color:#888;

407

color:#888;

408

padding:0;

408

padding:0;

409

margin:0;

409

margin:0;

410

line-height:0.8em;

410

line-height:0.8em;

411

}

411

}

412

413

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

413

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

414

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

414

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

415

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

415

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

416

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

416

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

417

418

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

418

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

419

.icon {

419

.icon {

420

background-position: 0% 40%;

420

background-position: 0% 40%;

421

background-repeat: no-repeat;

421

background-repeat: no-repeat;

422

padding-left: 20px;

422

padding-left: 20px;

423

padding-top: 2px;

423

padding-top: 2px;

424

padding-bottom: 3px;

424

padding-bottom: 3px;

425

}

425

}

426

427

.icon22 {

427

.icon22 {

428

background-position: 0% 40%;

428

background-position: 0% 40%;

429

background-repeat: no-repeat;

429

background-repeat: no-repeat;

430

padding-left: 26px;

430

padding-left: 26px;

431

line-height: 22px;

431

line-height: 22px;

432

vertical-align: middle;

432

vertical-align: middle;

433

}

433

}

434

435

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

435

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

436

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

436

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

437

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

437

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

438

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

438

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

439

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

439

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

440

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

440

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

441

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

441

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

442

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

442

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

443

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

443

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

444

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

444

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

445

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

445

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

446

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

446

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

447

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

447

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

448

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

448

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

449

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

449

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

450

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

450

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

451

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

451

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

452

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

452

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

453

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

453

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

454

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

454

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

455

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

455

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

456

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

456

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

457

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

457

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

458

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

458

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

459

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

459

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

460

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

460

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

461

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

461

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

462

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

462

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

463

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

463

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

464

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

464

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

465

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

465

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

466

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

466

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

467

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

467

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

468

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

468

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

469

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

469

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

470

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

470

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

471

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

471

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

472

473

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

473

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

474

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

474

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

475

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

475

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

476

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

476

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

477

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

477

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

478

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

478

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

479

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

479

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

480

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

480

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

481

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

481

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

482

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

482

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

483

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

483

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

484

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

484

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

485

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

485

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

486

487

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

487

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

488

@media print {

488

@media print {

489

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

489

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

490

#main { background: #fff; }

490

#main { background: #fff; }

491

#content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }

491

#content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }

492

}

492

}

             <div class="contextual">
             <%= link_to(l(:button_change_password), :action => 'password') unless @user.auth_source_id %>
             </div>
             <h2><%=l(:label_my_account)%></h2>
             <%= error_messages_for 'user' %>
-            <% form_for :user, @user, :url => { :action => "account" }, :builder => TabularFormBuilder, :lang => current_language do |f| %>
+            <% form_for :user, @user, :url => { :action => "account" },
+                                      :builder => TabularFormBuilder,
+                                      :lang => current_language,
+                                      :html => { :id => 'my_account_form' } do |f| %>
             <div class="splitcontentleft">
             <h3><%=l(:label_information_plural)%></h3>
             <div class="box tabular">
             <p><%= f.text_field :firstname, :required => true %></p>
             <p><%= f.text_field :lastname, :required => true %></p>
             <p><%= f.text_field :mail, :required => true %></p>
             <p><%= f.select :language, lang_options_for_select %></p>
             <% fields_for :pref, @user.pref, :builder => TabularFormBuilder, :lang => current_language do |pref_fields| %>
             <p><%= pref_fields.select :time_zone, TimeZone.all.collect {|z| [ z.to_s, z.name ]}, :include_blank => true %></p>
             <p><%= pref_fields.check_box :hide_mail %></p>
             <% end %>
             </div>
             <%= submit_tag l(:button_save) %>
             </div>
             <div class="splitcontentright">
             <h3><%=l(:field_mail_notification)%></h3>
             <div class="box">
             <%= select_tag 'notification_option', options_for_select(@notification_options, @notification_option),
                                                   :onchange => 'if ($("notification_option").value == "selected") {Element.show("notified-projects")} else {Element.hide("notified-projects")}' %>
             <% content_tag 'div', :id => 'notified-projects', :style => (@notification_option == 'selected' ? '' : 'display:none;') do %>
             <p><% User.current.projects.each do |project| %>
                 <label><%= check_box_tag 'notified_project_ids[]', project.id, @user.notified_projects_ids.include?(project.id) %> <%=h project.name %></label><br />
             <% end %></p>
             <p><em><%= l(:text_user_mail_option) %></em></p>
             <% end %>
             <p><label><%= check_box_tag 'no_self_notified', 1, @user.pref[:no_self_notified] %> <%= l(:label_user_mail_no_self_notified) %></label></p>
             </div>
             </div>
             <% end %>
             <% content_for :sidebar do %>
             <%= render :partial => 'sidebar' %>
             <% end %>

	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: 12px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
             /***** Layout *****/
             #top-menu {background: #2C4056;color: #fff;height:1.5em; padding: 2px 6px 0px 6px;}
             #top-menu a {color: #fff; padding-right: 4px;}
             #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;}
             #main-menu ul {margin: 0;  padding: 0;}
             #main-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 10px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #main-menu li a {
               display: block;
               color: #fff;
               text-decoration: none;
               margin: 0;
               padding: 4px 4px 4px 4px;
               background: #2C4056;
             }
             #main-menu li a:hover {background:#759FCF;}
             #main {background: url(../images/mainbg.png) repeat-x; 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: url(../images/contentbg.png) repeat-x; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; height:600px; min-height: 600px;}
             * html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
             html>body #content {
             height: auto;
             min-height: 600px;
             }
             #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; }
             /***** 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 { overflow: hidden; text-overflow: ellipsis; vertical-align: top;}
             table.list td.id { width: 2%; text-align: center;}
             table.list td.checkbox { width: 15px; padding: 0px;}
             tr.issue { text-align: center; white-space: nowrap; }
             tr.issue td.subject, tr.issue td.category { white-space: normal; }
             tr.issue td.subject { text-align: left; }
             tr.issue td.done_ratio table.progress { margin-left:auto; margin-right: auto;}
             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; }
             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;font-size:0.9em;}
             .contextual input {font-size:0.9em;}
             .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;}
             textarea.wiki-edit { width: 99%; }
             li p {margin-top: 0;}
             div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
             .autoscroll {overflow-x: auto; padding:1px; width:100%;}
-            #user_firstname, #user_lastname, #user_mail, #notification_option { width: 90%; }
+            #user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }
             /***** 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;
             }
             .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: 200px;
             }
             #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;}
             div.attachments p { margin:4px 0 2px 0; }
             /***** Flash & error messages ****/
             #errorExplanation, div.flash, .nodata {
                 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;
             }
             .nodata {
                 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);
             -moz-opacity:0.5;
             opacity: 0.5;
             -khtml-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: 8px 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%;}
             div#status_by { margin-left: 16px; margin-bottom: 16px; }
             /***** Tabs *****/
             #content .tabs{height: 2.6em;}
             #content .tabs ul{margin:0;}
             #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:1em;
             padding:4px;
             border: 1px solid #c0c0c0;
             }
             #content .tabs ul li a.selected, #content .tabs ul li a:hover{
             background-color: #507AAA;
             border: 1px solid #507AAA;
             color: #fff;
             text-decoration:none;
             }
             /***** Diff *****/
             .diff_out { background: #fcc; }
             .diff_in { background: #cfc; }
             /***** Wiki *****/
             div.wiki table {
                 border: 1px solid #505050;
                 border-collapse: collapse;
             }
             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 div.toc {
                 background-color: #ffffdd;
                 border: 1px solid #e4e4e4;
                 padding: 4px;
                 line-height: 1.2em;
                 margin-bottom: 12px;
                 margin-right: 12px;
                 display: table
             }
             * html div.wiki div.toc { width: 50%; } /* IE6 doesn't autosize div */
             div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; }
             div.wiki div.toc.left  { float: left; margin-right: 12px; margin-left: 0; width: auto; }
             div.wiki div.toc a {
                 display: block;
                 font-size: 0.9em;
                 font-weight: normal;
                 text-decoration: none;
                 color: #606060;
             }
             div.wiki div.toc a:hover { color: #c61a1a; text-decoration: underline;}
             div.wiki div.toc a.heading2 { margin-left: 6px; }
             div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; }
             /***** 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-pdf { background-image: url(../images/pdf.png); }
             .icon-csv { background-image: url(../images/csv.png); }
             .icon-html { background-image: url(../images/html.png); }
             .icon-image { background-image: url(../images/image.png); }
             .icon-txt { background-image: url(../images/txt.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-logout { background-image: url(../images/logout.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-feed  { background-image: url(../images/feed.png); }
             .icon-time  { background-image: url(../images/time.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-note  { background-image: url(../images/note.png); }
             .icon-checked  { background-image: url(../images/true.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); }
             /***** Media print specific styles *****/
             @media print {
               #top-menu, #header, #main-menu, #sidebar, #footer, .contextual { display:none; }
               #main { background: #fff; }
               #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }
             }