jro_apps/redmine Commit - r1031:3d920c13b49e

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

#wrapper {background: white;}

11

10

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

12

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

11

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

13

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

12

#account {float:right;}

14

#account {float:right;}

13

15

14

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

16

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

15

#header a {color:#f8f8f8;}

17

#header a {color:#f8f8f8;}

16

#quick-search {float:right;}

18

#quick-search {float:right;}

17

19

18

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

20

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

19

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

21

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

20

#main-menu li {

22

#main-menu li {

21

float:left;

23

float:left;

22

list-style-type:none;

24

list-style-type:none;

23

margin: 0px 10px 0px 0px;

25

margin: 0px 10px 0px 0px;

24

padding: 0px 0px 0px 0px;

26

padding: 0px 0px 0px 0px;

25

white-space:nowrap;

27

white-space:nowrap;

26

}

28

}

27

#main-menu li a {

29

#main-menu li a {

28

display: block;

30

display: block;

29

color: #fff;

31

color: #fff;

30

text-decoration: none;

32

text-decoration: none;

31

margin: 0;

33

margin: 0;

32

padding: 4px 4px 4px 4px;

34

padding: 4px 4px 4px 4px;

33

background: #2C4056;

35

background: #2C4056;

34

}

36

}

35

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

37

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

36

38

37

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

39

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

38

40

39

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

41

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

40

* html #sidebar{ width: 17%; }

42

* html #sidebar{ width: 17%; }

41

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

43

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

42

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

44

#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; }

45

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

44

46

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;}

47

#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;}

48

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

47

html>body #content {

49

html>body #content {

48

height: auto;

50

height: auto;

49

min-height: 600px;

51

min-height: 600px;

50

}

52

}

51

53

52

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

54

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

53

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

55

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

54

56

55

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

57

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

56

58

57

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

59

#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;}

60

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

59

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

61

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

60

62

61

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

63

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

62

64

63

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

65

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

64

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

66

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

65

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

67

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

66

a img{ border: 0; }

68

a img{ border: 0; }

67

69

68

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

70

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

69

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

71

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; }

72

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

71

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

73

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

72

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

74

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

73

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

75

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

74

76

75

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

77

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

76

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

78

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

77

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

79

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

78

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

80

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

79

81

80

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

82

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

81

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

83

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

82

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

84

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

83

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

85

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

84

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

86

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

85

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

87

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

86

88

87

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

89

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

88

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

90

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

89

91

90

tr.message { height: 2.6em; }

92

tr.message { height: 2.6em; }

91

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

93

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

92

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

94

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

93

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

95

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

94

96

95

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

97

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

96

table td {padding:2px;}

98

table td {padding:2px;}

97

table p {margin:0;}

99

table p {margin:0;}

98

.odd {background-color:#f6f7f8;}

100

.odd {background-color:#f6f7f8;}

99

.even {background-color: #fff;}

101

.even {background-color: #fff;}

100

102

101

.highlight { background-color: #FCFD8D;}

103

.highlight { background-color: #FCFD8D;}

102

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

104

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

103

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

105

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

104

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

106

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

105

107

106

.box{

108

.box{

107

padding:6px;

109

padding:6px;

108

margin-bottom: 10px;

110

margin-bottom: 10px;

109

background-color:#f6f6f6;

111

background-color:#f6f6f6;

110

color:#505050;

112

color:#505050;

111

line-height:1.5em;

113

line-height:1.5em;

112

border: 1px solid #e4e4e4;

114

border: 1px solid #e4e4e4;

113

}

115

}

114

116

115

div.square {

117

div.square {

116

border: 1px solid #999;

118

border: 1px solid #999;

117

float: left;

119

float: left;

118

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

120

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

119

overflow: hidden;

121

overflow: hidden;

120

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

122

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

121

}

123

}

122

124

123

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

125

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

124

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

126

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

125

127

126

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

128

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

127

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

129

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

128

form {display: inline;}

130

form {display: inline;}

129

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

131

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

130

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

132

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

131

legend {color: #484848;}

133

legend {color: #484848;}

132

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

134

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

133

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

135

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

134

li p {margin-top: 0;}

136

li p {margin-top: 0;}

135

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

137

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

136

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

138

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

137

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

139

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

138

140

139

.pagination {font-size: 90%}

141

.pagination {font-size: 90%}

140

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

142

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

141

143

142

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

144

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

143

.tabular p{

145

.tabular p{

144

margin: 0;

146

margin: 0;

145

padding: 5px 0 8px 0;

147

padding: 5px 0 8px 0;

146

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

148

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

147

height: 1%;

149

height: 1%;

148

clear:left;

150

clear:left;

149

}

151

}

150

152

151

.tabular label{

153

.tabular label{

152

font-weight: bold;

154

font-weight: bold;

153

float: left;

155

float: left;

154

text-align: right;

156

text-align: right;

155

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

157

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

156

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

158

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

157

margin*/

159

margin*/

158

}

160

}

159

161

160

.tabular label.floating{

162

.tabular label.floating{

161

font-weight: normal;

163

font-weight: normal;

162

margin-left: 0px;

164

margin-left: 0px;

163

text-align: left;

165

text-align: left;

164

width: 200px;

166

width: 200px;

165

}

167

}

166

168

167

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

169

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

168

170

169

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

171

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

170

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

172

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

171

173

172

.required {color: #bb0000;}

174

.required {color: #bb0000;}

173

.summary {font-style: italic;}

175

.summary {font-style: italic;}

174

176

175

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

177

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

176

178

177

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

179

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

178

#errorExplanation, div.flash, .nodata {

180

#errorExplanation, div.flash, .nodata {

179

padding: 4px 4px 4px 30px;

181

padding: 4px 4px 4px 30px;

180

margin-bottom: 12px;

182

margin-bottom: 12px;

181

font-size: 1.1em;

183

font-size: 1.1em;

182

border: 2px solid;

184

border: 2px solid;

183

}

185

}

184

186

185

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

187

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

186

188

187

div.flash.error, #errorExplanation {

189

div.flash.error, #errorExplanation {

188

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

190

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

189

background-color: #ffe3e3;

191

background-color: #ffe3e3;

190

border-color: #dd0000;

192

border-color: #dd0000;

191

color: #550000;

193

color: #550000;

192

}

194

}

193

195

194

div.flash.notice {

196

div.flash.notice {

195

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

197

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

196

background-color: #dfffdf;

198

background-color: #dfffdf;

197

border-color: #9fcf9f;

199

border-color: #9fcf9f;

198

color: #005f00;

200

color: #005f00;

199

}

201

}

200

202

201

.nodata {

203

.nodata {

202

text-align: center;

204

text-align: center;

203

background-color: #FFEBC1;

205

background-color: #FFEBC1;

204

border-color: #FDBF3B;

206

border-color: #FDBF3B;

205

color: #A6750C;

207

color: #A6750C;

206

}

208

}

207

209

208

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

210

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

209

211

210

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

212

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

211

#ajax-indicator {

213

#ajax-indicator {

212

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

214

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

213

background-color:#eee;

215

background-color:#eee;

214

border: 1px solid #bbb;

216

border: 1px solid #bbb;

215

top:35%;

217

top:35%;

216

left:40%;

218

left:40%;

217

width:20%;

219

width:20%;

218

font-weight:bold;

220

font-weight:bold;

219

text-align:center;

221

text-align:center;

220

padding:0.6em;

222

padding:0.6em;

221

z-index:100;

223

z-index:100;

222

filter:alpha(opacity=50);

224

filter:alpha(opacity=50);

223

-moz-opacity:0.5;

225

-moz-opacity:0.5;

224

opacity: 0.5;

226

opacity: 0.5;

225

-khtml-opacity: 0.5;

227

-khtml-opacity: 0.5;

226

}

228

}

227

229

228

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

230

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

229

231

230

#ajax-indicator span {

232

#ajax-indicator span {

231

background-position: 0% 40%;

233

background-position: 0% 40%;

232

background-repeat: no-repeat;

234

background-repeat: no-repeat;

233

235

234

padding-left: 26px;

236

padding-left: 26px;

235

vertical-align: bottom;

237

vertical-align: bottom;

236

}

238

}

237

239

238

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

240

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

239

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

241

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

240

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

242

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

241

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

243

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

242

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

244

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

243

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

245

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

244

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

246

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

245

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

247

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

246

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

248

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

247

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

249

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

248

250

249

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

251

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

250

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

252

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

251

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

253

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

252

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

254

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

253

255

254

div.tooltip:hover span.tip{

256

div.tooltip:hover span.tip{

255

display:block;

257

display:block;

256

position:absolute;

258

position:absolute;

257

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

259

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

258

border:1px solid #555;

260

border:1px solid #555;

259

background-color:#fff;

261

background-color:#fff;

260

padding: 4px;

262

padding: 4px;

261

font-size: 0.8em;

263

font-size: 0.8em;

262

color:#505050;

264

color:#505050;

263

}

265

}

264

266

265

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

267

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

266

table.progress {

268

table.progress {

267

border: 1px solid #D7D7D7;

269

border: 1px solid #D7D7D7;

268

border-collapse: collapse;

270

border-collapse: collapse;

269

border-spacing: 0pt;

271

border-spacing: 0pt;

270

empty-cells: show;

272

empty-cells: show;

271

text-align: center;

273

text-align: center;

272

float:left;

274

float:left;

273

margin: 1px 6px 1px 0px;

275

margin: 1px 6px 1px 0px;

274

}

276

}

275

277

276

table.progress td { height: 0.9em; }

278

table.progress td { height: 0.9em; }

277

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

279

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

278

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

280

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

279

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

281

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

280

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

282

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

281

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

283

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

282

284

283

div#status_by { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; }

285

div#status_by { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; }

284

286

285

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

287

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

286

#content .tabs{height: 2.6em;}

288

#content .tabs{height: 2.6em;}

287

#content .tabs ul{margin:0;}

289

#content .tabs ul{margin:0;}

288

#content .tabs ul li{

290

#content .tabs ul li{

289

float:left;

291

float:left;

290

list-style-type:none;

292

list-style-type:none;

291

white-space:nowrap;

293

white-space:nowrap;

292

margin-right:8px;

294

margin-right:8px;

293

background:#fff;

295

background:#fff;

294

}

296

}

295

#content .tabs ul li a{

297

#content .tabs ul li a{

296

display:block;

298

display:block;

297

font-size: 0.9em;

299

font-size: 0.9em;

298

text-decoration:none;

300

text-decoration:none;

299

line-height:1em;

301

line-height:1em;

300

padding:4px;

302

padding:4px;

301

border: 1px solid #c0c0c0;

303

border: 1px solid #c0c0c0;

302

}

304

}

303

305

304

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

306

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

305

background-color: #507AAA;

307

background-color: #507AAA;

306

border: 1px solid #507AAA;

308

border: 1px solid #507AAA;

307

color: #fff;

309

color: #fff;

308

text-decoration:none;

310

text-decoration:none;

309

}

311

}

310

312

311

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

313

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

312

.diff_out { background: #fcc; }

314

.diff_out { background: #fcc; }

313

.diff_in { background: #cfc; }

315

.diff_in { background: #cfc; }

314

316

315

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

317

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

316

div.wiki table {

318

div.wiki table {

317

border: 1px solid #505050;

319

border: 1px solid #505050;

318

border-collapse: collapse;

320

border-collapse: collapse;

319

}

321

}

320

322

321

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

323

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

322

border: 1px solid #bbb;

324

border: 1px solid #bbb;

323

padding: 4px;

325

padding: 4px;

324

}

326

}

325

327

326

div.wiki .external {

328

div.wiki .external {

327

background-position: 0% 60%;

329

background-position: 0% 60%;

328

background-repeat: no-repeat;

330

background-repeat: no-repeat;

329

padding-left: 12px;

331

padding-left: 12px;

330

332

331

}

333

}

332

334

333

div.wiki a.new {

335

div.wiki a.new {

334

color: #b73535;

336

color: #b73535;

335

}

337

}

336

338

337

div.wiki pre {

339

div.wiki pre {

338

margin: 1em 1em 1em 1.6em;

340

margin: 1em 1em 1em 1.6em;

339

padding: 2px;

341

padding: 2px;

340

background-color: #fafafa;

342

background-color: #fafafa;

341

border: 1px solid #dadada;

343

border: 1px solid #dadada;

342

width:95%;

344

width:95%;

343

overflow-x: auto;

345

overflow-x: auto;

344

}

346

}

345

347

346

div.wiki div.toc {

348

div.wiki div.toc {

347

background-color: #ffffdd;

349

background-color: #ffffdd;

348

border: 1px solid #e4e4e4;

350

border: 1px solid #e4e4e4;

349

padding: 4px;

351

padding: 4px;

350

line-height: 1.2em;

352

line-height: 1.2em;

351

margin-bottom: 12px;

353

margin-bottom: 12px;

352

margin-right: 12px;

354

margin-right: 12px;

353

display: table

355

display: table

354

}

356

}

355

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

357

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

356

358

357

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

359

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

358

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

360

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

359

361

360

div.wiki div.toc a {

362

div.wiki div.toc a {

361

display: block;

363

display: block;

362

font-size: 0.9em;

364

font-size: 0.9em;

363

font-weight: normal;

365

font-weight: normal;

364

text-decoration: none;

366

text-decoration: none;

365

color: #606060;

367

color: #606060;

366

}

368

}

367

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

369

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

368

370

369

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

371

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

370

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

372

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

371

373

372

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

374

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

373

.block-receiver {

375

.block-receiver {

374

border:1px dashed #c0c0c0;

376

border:1px dashed #c0c0c0;

375

margin-bottom: 20px;

377

margin-bottom: 20px;

376

padding: 15px 0 15px 0;

378

padding: 15px 0 15px 0;

377

}

379

}

378

380

379

.mypage-box {

381

.mypage-box {

380

margin:0 0 20px 0;

382

margin:0 0 20px 0;

381

color:#505050;

383

color:#505050;

382

line-height:1.5em;

384

line-height:1.5em;

383

}

385

}

384

386

385

.handle {

387

.handle {

386

cursor: move;

388

cursor: move;

387

}

389

}

388

390

389

a.close-icon {

391

a.close-icon {

390

display:block;

392

display:block;

391

margin-top:3px;

393

margin-top:3px;

392

overflow:hidden;

394

overflow:hidden;

393

width:12px;

395

width:12px;

394

height:12px;

396

height:12px;

395

background-repeat: no-repeat;

397

background-repeat: no-repeat;

396

cursor:pointer;

398

cursor:pointer;

397

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

399

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

398

}

400

}

399

401

400

a.close-icon:hover {

402

a.close-icon:hover {

401

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

403

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

402

}

404

}

403

405

404

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

406

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

405

.gantt_hdr {

407

.gantt_hdr {

406

position:absolute;

408

position:absolute;

407

top:0;

409

top:0;

408

height:16px;

410

height:16px;

409

border-top: 1px solid #c0c0c0;

411

border-top: 1px solid #c0c0c0;

410

border-bottom: 1px solid #c0c0c0;

412

border-bottom: 1px solid #c0c0c0;

411

border-right: 1px solid #c0c0c0;

413

border-right: 1px solid #c0c0c0;

412

text-align: center;

414

text-align: center;

413

overflow: hidden;

415

overflow: hidden;

414

}

416

}

415

417

416

.task {

418

.task {

417

position: absolute;

419

position: absolute;

418

height:8px;

420

height:8px;

419

font-size:0.8em;

421

font-size:0.8em;

420

color:#888;

422

color:#888;

421

padding:0;

423

padding:0;

422

margin:0;

424

margin:0;

423

line-height:0.8em;

425

line-height:0.8em;

424

}

426

}

425

427

426

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

428

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

427

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

429

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

428

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

430

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

429

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

431

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

430

432

431

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

433

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

432

.icon {

434

.icon {

433

background-position: 0% 40%;

435

background-position: 0% 40%;

434

background-repeat: no-repeat;

436

background-repeat: no-repeat;

435

padding-left: 20px;

437

padding-left: 20px;

436

padding-top: 2px;

438

padding-top: 2px;

437

padding-bottom: 3px;

439

padding-bottom: 3px;

438

}

440

}

439

441

440

.icon22 {

442

.icon22 {

441

background-position: 0% 40%;

443

background-position: 0% 40%;

442

background-repeat: no-repeat;

444

background-repeat: no-repeat;

443

padding-left: 26px;

445

padding-left: 26px;

444

line-height: 22px;

446

line-height: 22px;

445

vertical-align: middle;

447

vertical-align: middle;

446

}

448

}

447

449

448

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

450

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

449

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

451

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

450

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

452

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

451

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

453

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

452

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

454

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

453

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

455

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

454

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

456

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

455

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

457

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

456

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

458

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

457

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

459

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

458

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

460

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

459

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

461

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

460

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

462

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

461

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

463

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

462

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

464

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

463

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

465

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

464

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

466

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

465

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

467

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

466

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

468

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

467

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

469

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

468

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

470

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

469

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

471

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

470

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

472

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

471

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

473

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

472

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

474

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

473

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

475

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

474

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

476

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

475

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

477

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

476

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

478

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

477

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

479

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

478

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

480

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

479

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

481

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

480

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

482

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

481

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

483

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

482

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

484

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

483

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

485

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

484

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

486

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

485

487

486

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

488

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

487

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

489

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

488

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

490

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

489

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

491

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

490

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

492

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

491

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

493

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

492

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

494

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

493

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

495

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

494

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

496

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

495

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

497

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

496

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

498

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

497

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

499

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

498

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

500

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

499

501

500

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

502

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

501

@media print {

503

@media print {

502

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

504

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

503

#main { background: #fff; }

505

#main { background: #fff; }

504

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

506

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

505

}

507

}

             <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
             <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
             <head>
             <title><%=h html_title %></title>
             <meta http-equiv="content-type" content="text/html; charset=utf-8" />
             <meta name="description" content="<%= Redmine::Info.app_name %>" />
             <meta name="keywords" content="issue,bug,tracker" />
             <%= stylesheet_link_tag 'application', :media => 'all' %>
             <%= javascript_include_tag :defaults %>
             <%= stylesheet_link_tag 'jstoolbar' %>
             <!--[if IE]>
                 <style type="text/css">
                   * html body{ width: expression( document.documentElement.clientWidth < 900 ? '900px' : '100%' ); }
                   body {behavior: url(<%= stylesheet_path "csshover.htc" %>);}
                 </style>
             <![endif]-->
             <!-- page specific tags --><%= yield :header_tags %>
             </head>
             <body>
+            <div id="wrapper">
             <div id="top-menu">
                 <div id="account">
                     <% if User.current.logged? %>
                         <%=l(:label_logged_as)%> <%= User.current.login %> -
                         <%= link_to l(:label_my_account), { :controller => 'my', :action => 'account' }, :class => 'myaccount' %>
                         <%= link_to_signout %>
                     <% else %>
                         <%= link_to_signin %>
                         <%= link_to(l(:label_register), { :controller => 'account',:action => 'register' }, :class => 'register') if Setting.self_registration? %>
                     <% end %>
                 </div>
                 <%= link_to l(:label_home), home_url, :class => 'home' %>
                 <%= link_to l(:label_my_page), { :controller => 'my', :action => 'page'}, :class => 'mypage' if User.current.logged? %>
                 <%= link_to l(:label_project_plural), { :controller => 'projects' }, :class => 'projects' %>
                 <%= link_to l(:label_administration), { :controller => 'admin' }, :class => 'admin' if User.current.admin? %>
                 <%= link_to l(:label_help), Redmine::Info.help_url, :class => 'help' %>
             </div>
             <div id="header">
                 <div id="quick-search">
                     <% form_tag({:controller => 'search', :action => 'index', :id => @project}, :method => :get ) do %>
                     <%= link_to l(:label_search), {:controller => 'search', :action => 'index', :id => @project}, :accesskey => accesskey(:search) %>:
                     <%= text_field_tag 'q', @question, :size => 20, :class => 'small', :accesskey => accesskey(:quick_search) %>
                     <% end %>
                     <%= render :partial => 'layouts/project_selector' if User.current.memberships.any? %>
                 </div>
                 <h1><%= h(@project ? @project.name : Setting.app_title) %></h1>
                 <div id="main-menu">
                     <ul>
                         <% Redmine::MenuManager.allowed_items(:project_menu, User.current, @project).each do |item| %>
                         <% unless item.condition && !item.condition.call(@project) %>
                             <li><%= link_to l(item.name), {item.param => @project}.merge(item.url) %></li>
                         <% end %>
                         <% end if @project && !@project.new_record? %>
                     </ul>
                 </div>
             </div>
             <%= tag('div', {:id => 'main', :class => (has_content?(:sidebar) ? '' : 'nosidebar')}, true) %>
                 <div id="sidebar">
                     <%= yield :sidebar %>
                 </div>
                 <div id="content">
                         <%= content_tag('div', flash[:error], :class => 'flash error') if flash[:error] %>
                         <%= content_tag('div', flash[:notice], :class => 'flash notice') if flash[:notice] %>
                     <%= yield %>
                 </div>
             </div>
             <div id="ajax-indicator" style="display:none;"><span><%= l(:label_loading) %></span></div>
             <div id="footer">
                 Powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %> <%= Redmine::VERSION %> &copy; 2006-2007 Jean-Philippe Lang
             </div>
+            </div>
             </body>
             </html>

	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 *****/
+            #wrapper {background: white;}
             #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.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.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; }
             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%; 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;
             }
             .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 { float:right; width:380px; 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; }
             }