jro_apps/redmine Commit - r1421:82f204d8ac48

1

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

1

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

2

3

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

3

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

4

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

4

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

5

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

5

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

6

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

6

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

7

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

7

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

8

9

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

9

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

10

#wrapper {background: white;}

10

#wrapper {background: white;}

11

12

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

12

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

13

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

13

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

14

#top-menu li {

14

#top-menu li {

15

float:left;

15

float:left;

16

list-style-type:none;

16

list-style-type:none;

17

margin: 0px 0px 0px 0px;

17

margin: 0px 0px 0px 0px;

18

padding: 0px 0px 0px 0px;

18

padding: 0px 0px 0px 0px;

19

white-space:nowrap;

19

white-space:nowrap;

20

}

20

}

21

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

21

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

22

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

22

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

23

24

#account {float:right;}

24

#account {float:right;}

25

26

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

26

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

27

#header a {color:#f8f8f8;}

27

#header a {color:#f8f8f8;}

28

#quick-search {float:right;}

28

#quick-search {float:right;}

29

30

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

30

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

31

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

31

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

32

#main-menu li {

32

#main-menu li {

33

float:left;

33

float:left;

34

list-style-type:none;

34

list-style-type:none;

35

margin: 0px 2px 0px 0px;

35

margin: 0px 2px 0px 0px;

36

padding: 0px 0px 0px 0px;

36

padding: 0px 0px 0px 0px;

37

white-space:nowrap;

37

white-space:nowrap;

38

}

38

}

39

#main-menu li a {

39

#main-menu li a {

40

display: block;

40

display: block;

41

color: #fff;

41

color: #fff;

42

text-decoration: none;

42

text-decoration: none;

43

font-weight: bold;

43

font-weight: bold;

44

margin: 0;

44

margin: 0;

45

padding: 4px 10px 4px 10px;

45

padding: 4px 10px 4px 10px;

46

}

46

}

47

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

47

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

48

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

48

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

49

50

#main {background-color:#EEEEEE;}

50

#main {background-color:#EEEEEE;}

51

52

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

52

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

53

* html #sidebar{ width: 17%; }

53

* html #sidebar{ width: 17%; }

54

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

54

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

55

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

55

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

56

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

56

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

57

58

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

58

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

59

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

59

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

60

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

60

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

61

62

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

62

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

63

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

63

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

64

65

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

65

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

66

67

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

67

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

68

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

68

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

69

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

69

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

70

71

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

71

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

72

73

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

73

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

74

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

74

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

75

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

75

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

76

a img{ border: 0; }

76

a img{ border: 0; }

77

78

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

78

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

79

80

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

80

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

81

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

81

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

82

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

82

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

83

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

83

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

84

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

84

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

85

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

85

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

86

87

table.list.issues { margin-top: 10px; }

87

table.list.issues { margin-top: 10px; }

88

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

88

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

89

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

89

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

90

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

90

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

91

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

91

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

92

93

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

93

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

94

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

94

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

95

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

95

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

96

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

96

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

97

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

97

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

98

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

98

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

99

100

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

100

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

101

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

101

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

102

103

tr.message { height: 2.6em; }

103

tr.message { height: 2.6em; }

104

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

104

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

105

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

105

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

106

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

106

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

107

108

tr.user td { width:13%; }

108

tr.user td { width:13%; }

109

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

109

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

110

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

110

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

111

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

111

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

112

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

112

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

113

114

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

114

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

115

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

115

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

116

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

116

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

117

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

117

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

118

119

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

119

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

120

table td {padding:2px;}

120

table td {padding:2px;}

121

table p {margin:0;}

121

table p {margin:0;}

122

.odd {background-color:#f6f7f8;}

122

.odd {background-color:#f6f7f8;}

123

.even {background-color: #fff;}

123

.even {background-color: #fff;}

124

125

.highlight { background-color: #FCFD8D;}

125

.highlight { background-color: #FCFD8D;}

126

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

126

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

127

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

127

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

128

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

128

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

129

130

.box{

130

.box{

131

padding:6px;

131

padding:6px;

132

margin-bottom: 10px;

132

margin-bottom: 10px;

133

background-color:#f6f6f6;

133

background-color:#f6f6f6;

134

color:#505050;

134

color:#505050;

135

line-height:1.5em;

135

line-height:1.5em;

136

border: 1px solid #e4e4e4;

136

border: 1px solid #e4e4e4;

137

}

137

}

138

139

div.square {

139

div.square {

140

border: 1px solid #999;

140

border: 1px solid #999;

141

float: left;

141

float: left;

142

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

142

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

143

overflow: hidden;

143

overflow: hidden;

144

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

144

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

145

}

145

}

146

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

146

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

147

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

147

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

148

149

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

149

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

150

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

150

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

151

form {display: inline;}

151

form {display: inline;}

152

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

152

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

153

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

153

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

154

legend {color: #484848;}

154

legend {color: #484848;}

155

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

155

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

156

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

156

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

157

li p {margin-top: 0;}

157

li p {margin-top: 0;}

158

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

158

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

159

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

159

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

160

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

160

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

161

162

fieldset#filters { padding: 0.7em; }

162

fieldset#filters { padding: 0.7em; }

163

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

163

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

164

fieldset#filters .buttons { font-size: 0.9em; }

164

fieldset#filters .buttons { font-size: 0.9em; }

165

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

165

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

166

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

166

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

167

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

167

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

168

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

168

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

169

170

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

170

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

171

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

171

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

172

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

172

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

173

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

173

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

174

175

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

175

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

176

div#activity dd { margin-bottom: 1em; padding-left: 18px; }

176

div#activity dd { margin-bottom: 1em; padding-left: 18px; }

177

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

177

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

178

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

178

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

179

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

179

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

180

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

180

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

181

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

181

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

182

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

182

183

~~div~~#~~activity~~ dt.issue~~-closed~~ { background-image: url(../images/ticket~~_checked~~.png); }

183

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

184

~~div~~#~~activity~~ dt.~~changese~~t { background-image: url(../images/~~changese~~t.png); }

184

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

185

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

185

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

186

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

186

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

187

~~div~~#~~activity~~ dt.~~reply~~ { background-image: url(../images/~~comment~~s.png); }

187

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

188

~~div~~#~~activity~~ dt.~~wiki-p~~age { background-image: url(../images/~~wiki_edit~~.png); }

188

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

189

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

189

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

190

~~div~~#~~activity~~ dt.~~document~~ { background-image: url(../images/~~documen~~t.png); }

190

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

191

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

192

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

191

193

192

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

194

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

193

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

195

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

194

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

196

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

195

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

197

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

196

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

198

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

197

199

198

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

200

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

199

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

201

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

200

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

202

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

201

203

202

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

204

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

203

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

205

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

204

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

206

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

205

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

207

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

206

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

208

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

207

209

208

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

210

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

209

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

211

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

210

212

211

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

213

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

212

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

214

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

213

215

214

.pagination {font-size: 90%}

216

.pagination {font-size: 90%}

215

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

217

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

216

218

217

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

219

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

218

.tabular p{

220

.tabular p{

219

margin: 0;

221

margin: 0;

220

padding: 5px 0 8px 0;

222

padding: 5px 0 8px 0;

221

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

223

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

222

height: 1%;

224

height: 1%;

223

clear:left;

225

clear:left;

224

}

226

}

225

227

226

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

228

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

227

229

228

.tabular label{

230

.tabular label{

229

font-weight: bold;

231

font-weight: bold;

230

float: left;

232

float: left;

231

text-align: right;

233

text-align: right;

232

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

234

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

233

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

235

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

234

margin*/

236

margin*/

235

}

237

}

236

238

237

.tabular label.floating{

239

.tabular label.floating{

238

font-weight: normal;

240

font-weight: normal;

239

margin-left: 0px;

241

margin-left: 0px;

240

text-align: left;

242

text-align: left;

241

width: 200px;

243

width: 200px;

242

}

244

}

243

245

244

input#time_entry_comments { width: 90%;}

246

input#time_entry_comments { width: 90%;}

245

247

246

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

248

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

247

249

248

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

250

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

249

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

251

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

250

252

251

.required {color: #bb0000;}

253

.required {color: #bb0000;}

252

.summary {font-style: italic;}

254

.summary {font-style: italic;}

253

255

254

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

256

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

255

257

256

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

258

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

257

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

259

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

258

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

260

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

259

261

260

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

262

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

261

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

263

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

262

264

263

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

265

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

264

266

265

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

267

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

266

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

268

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

267

padding: 4px 4px 4px 30px;

269

padding: 4px 4px 4px 30px;

268

margin-bottom: 12px;

270

margin-bottom: 12px;

269

font-size: 1.1em;

271

font-size: 1.1em;

270

border: 2px solid;

272

border: 2px solid;

271

}

273

}

272

274

273

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

275

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

274

276

275

div.flash.error, #errorExplanation {

277

div.flash.error, #errorExplanation {

276

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

278

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

277

background-color: #ffe3e3;

279

background-color: #ffe3e3;

278

border-color: #dd0000;

280

border-color: #dd0000;

279

color: #550000;

281

color: #550000;

280

}

282

}

281

283

282

div.flash.notice {

284

div.flash.notice {

283

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

285

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

284

background-color: #dfffdf;

286

background-color: #dfffdf;

285

border-color: #9fcf9f;

287

border-color: #9fcf9f;

286

color: #005f00;

288

color: #005f00;

287

}

289

}

288

290

289

.nodata, .warning {

291

.nodata, .warning {

290

text-align: center;

292

text-align: center;

291

background-color: #FFEBC1;

293

background-color: #FFEBC1;

292

border-color: #FDBF3B;

294

border-color: #FDBF3B;

293

color: #A6750C;

295

color: #A6750C;

294

}

296

}

295

297

296

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

298

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

297

299

298

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

300

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

299

#ajax-indicator {

301

#ajax-indicator {

300

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

302

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

301

background-color:#eee;

303

background-color:#eee;

302

border: 1px solid #bbb;

304

border: 1px solid #bbb;

303

top:35%;

305

top:35%;

304

left:40%;

306

left:40%;

305

width:20%;

307

width:20%;

306

font-weight:bold;

308

font-weight:bold;

307

text-align:center;

309

text-align:center;

308

padding:0.6em;

310

padding:0.6em;

309

z-index:100;

311

z-index:100;

310

filter:alpha(opacity=50);

312

filter:alpha(opacity=50);

311

opacity: 0.5;

313

opacity: 0.5;

312

}

314

}

313

315

314

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

316

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

315

317

316

#ajax-indicator span {

318

#ajax-indicator span {

317

background-position: 0% 40%;

319

background-position: 0% 40%;

318

background-repeat: no-repeat;

320

background-repeat: no-repeat;

319

321

320

padding-left: 26px;

322

padding-left: 26px;

321

vertical-align: bottom;

323

vertical-align: bottom;

322

}

324

}

323

325

324

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

326

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

325

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

327

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

326

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

328

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

327

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

329

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

328

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

330

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

329

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

331

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

330

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

332

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

331

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

333

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

332

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

334

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

333

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

335

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

334

336

335

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

337

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

336

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

338

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

337

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

339

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

338

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

340

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

339

341

340

div.tooltip:hover span.tip{

342

div.tooltip:hover span.tip{

341

display:block;

343

display:block;

342

position:absolute;

344

position:absolute;

343

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

345

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

344

border:1px solid #555;

346

border:1px solid #555;

345

background-color:#fff;

347

background-color:#fff;

346

padding: 4px;

348

padding: 4px;

347

font-size: 0.8em;

349

font-size: 0.8em;

348

color:#505050;

350

color:#505050;

349

}

351

}

350

352

351

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

353

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

352

table.progress {

354

table.progress {

353

border: 1px solid #D7D7D7;

355

border: 1px solid #D7D7D7;

354

border-collapse: collapse;

356

border-collapse: collapse;

355

border-spacing: 0pt;

357

border-spacing: 0pt;

356

empty-cells: show;

358

empty-cells: show;

357

text-align: center;

359

text-align: center;

358

float:left;

360

float:left;

359

margin: 1px 6px 1px 0px;

361

margin: 1px 6px 1px 0px;

360

}

362

}

361

363

362

table.progress td { height: 0.9em; }

364

table.progress td { height: 0.9em; }

363

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

365

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

364

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

366

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

365

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

367

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

366

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

368

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

367

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

369

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

368

370

369

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

371

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

370

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

372

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

371

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

373

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

372

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

374

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

373

#content .tabs ul li {

375

#content .tabs ul li {

374

float:left;

376

float:left;

375

list-style-type:none;

377

list-style-type:none;

376

white-space:nowrap;

378

white-space:nowrap;

377

margin-right:8px;

379

margin-right:8px;

378

background:#fff;

380

background:#fff;

379

}

381

}

380

#content .tabs ul li a{

382

#content .tabs ul li a{

381

display:block;

383

display:block;

382

font-size: 0.9em;

384

font-size: 0.9em;

383

text-decoration:none;

385

text-decoration:none;

384

line-height:1.3em;

386

line-height:1.3em;

385

padding:4px 6px 4px 6px;

387

padding:4px 6px 4px 6px;

386

border: 1px solid #ccc;

388

border: 1px solid #ccc;

387

border-bottom: 1px solid #bbbbbb;

389

border-bottom: 1px solid #bbbbbb;

388

background-color: #eeeeee;

390

background-color: #eeeeee;

389

color:#777;

391

color:#777;

390

font-weight:bold;

392

font-weight:bold;

391

}

393

}

392

394

393

#content .tabs ul li a:hover {

395

#content .tabs ul li a:hover {

394

background-color: #ffffdd;

396

background-color: #ffffdd;

395

text-decoration:none;

397

text-decoration:none;

396

}

398

}

397

399

398

#content .tabs ul li a.selected {

400

#content .tabs ul li a.selected {

399

background-color: #fff;

401

background-color: #fff;

400

border: 1px solid #bbbbbb;

402

border: 1px solid #bbbbbb;

401

border-bottom: 1px solid #fff;

403

border-bottom: 1px solid #fff;

402

}

404

}

403

405

404

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

406

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

405

background-color: #fff;

407

background-color: #fff;

406

}

408

}

407

409

408

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

410

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

409

.diff_out { background: #fcc; }

411

.diff_out { background: #fcc; }

410

.diff_in { background: #cfc; }

412

.diff_in { background: #cfc; }

411

413

412

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

414

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

413

div.wiki table {

415

div.wiki table {

414

border: 1px solid #505050;

416

border: 1px solid #505050;

415

border-collapse: collapse;

417

border-collapse: collapse;

416

margin-bottom: 1em;

418

margin-bottom: 1em;

417

}

419

}

418

420

419

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

421

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

420

border: 1px solid #bbb;

422

border: 1px solid #bbb;

421

padding: 4px;

423

padding: 4px;

422

}

424

}

423

425

424

div.wiki .external {

426

div.wiki .external {

425

background-position: 0% 60%;

427

background-position: 0% 60%;

426

background-repeat: no-repeat;

428

background-repeat: no-repeat;

427

padding-left: 12px;

429

padding-left: 12px;

428

430

429

}

431

}

430

432

431

div.wiki a.new {

433

div.wiki a.new {

432

color: #b73535;

434

color: #b73535;

433

}

435

}

434

436

435

div.wiki pre {

437

div.wiki pre {

436

margin: 1em 1em 1em 1.6em;

438

margin: 1em 1em 1em 1.6em;

437

padding: 2px;

439

padding: 2px;

438

background-color: #fafafa;

440

background-color: #fafafa;

439

border: 1px solid #dadada;

441

border: 1px solid #dadada;

440

width:95%;

442

width:95%;

441

overflow-x: auto;

443

overflow-x: auto;

442

}

444

}

443

445

444

div.wiki div.toc {

446

div.wiki div.toc {

445

background-color: #ffffdd;

447

background-color: #ffffdd;

446

border: 1px solid #e4e4e4;

448

border: 1px solid #e4e4e4;

447

padding: 4px;

449

padding: 4px;

448

line-height: 1.2em;

450

line-height: 1.2em;

449

margin-bottom: 12px;

451

margin-bottom: 12px;

450

margin-right: 12px;

452

margin-right: 12px;

451

display: table

453

display: table

452

}

454

}

453

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

455

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

454

456

455

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

457

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

456

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

458

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

457

459

458

div.wiki div.toc a {

460

div.wiki div.toc a {

459

display: block;

461

display: block;

460

font-size: 0.9em;

462

font-size: 0.9em;

461

font-weight: normal;

463

font-weight: normal;

462

text-decoration: none;

464

text-decoration: none;

463

color: #606060;

465

color: #606060;

464

}

466

}

465

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

467

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

466

468

467

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

469

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

468

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

470

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

469

471

470

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

472

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

471

.block-receiver {

473

.block-receiver {

472

border:1px dashed #c0c0c0;

474

border:1px dashed #c0c0c0;

473

margin-bottom: 20px;

475

margin-bottom: 20px;

474

padding: 15px 0 15px 0;

476

padding: 15px 0 15px 0;

475

}

477

}

476

478

477

.mypage-box {

479

.mypage-box {

478

margin:0 0 20px 0;

480

margin:0 0 20px 0;

479

color:#505050;

481

color:#505050;

480

line-height:1.5em;

482

line-height:1.5em;

481

}

483

}

482

484

483

.handle {

485

.handle {

484

cursor: move;

486

cursor: move;

485

}

487

}

486

488

487

a.close-icon {

489

a.close-icon {

488

display:block;

490

display:block;

489

margin-top:3px;

491

margin-top:3px;

490

overflow:hidden;

492

overflow:hidden;

491

width:12px;

493

width:12px;

492

height:12px;

494

height:12px;

493

background-repeat: no-repeat;

495

background-repeat: no-repeat;

494

cursor:pointer;

496

cursor:pointer;

495

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

497

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

496

}

498

}

497

499

498

a.close-icon:hover {

500

a.close-icon:hover {

499

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

501

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

500

}

502

}

501

503

502

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

504

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

503

.gantt_hdr {

505

.gantt_hdr {

504

position:absolute;

506

position:absolute;

505

top:0;

507

top:0;

506

height:16px;

508

height:16px;

507

border-top: 1px solid #c0c0c0;

509

border-top: 1px solid #c0c0c0;

508

border-bottom: 1px solid #c0c0c0;

510

border-bottom: 1px solid #c0c0c0;

509

border-right: 1px solid #c0c0c0;

511

border-right: 1px solid #c0c0c0;

510

text-align: center;

512

text-align: center;

511

overflow: hidden;

513

overflow: hidden;

512

}

514

}

513

515

514

.task {

516

.task {

515

position: absolute;

517

position: absolute;

516

height:8px;

518

height:8px;

517

font-size:0.8em;

519

font-size:0.8em;

518

color:#888;

520

color:#888;

519

padding:0;

521

padding:0;

520

margin:0;

522

margin:0;

521

line-height:0.8em;

523

line-height:0.8em;

522

}

524

}

523

525

524

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

526

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

525

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

527

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

526

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

528

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

527

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

529

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

528

530

529

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

531

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

530

.icon {

532

.icon {

531

background-position: 0% 40%;

533

background-position: 0% 40%;

532

background-repeat: no-repeat;

534

background-repeat: no-repeat;

533

padding-left: 20px;

535

padding-left: 20px;

534

padding-top: 2px;

536

padding-top: 2px;

535

padding-bottom: 3px;

537

padding-bottom: 3px;

536

}

538

}

537

539

538

.icon22 {

540

.icon22 {

539

background-position: 0% 40%;

541

background-position: 0% 40%;

540

background-repeat: no-repeat;

542

background-repeat: no-repeat;

541

padding-left: 26px;

543

padding-left: 26px;

542

line-height: 22px;

544

line-height: 22px;

543

vertical-align: middle;

545

vertical-align: middle;

544

}

546

}

545

547

546

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

548

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

547

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

549

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

548

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

550

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

549

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

551

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

550

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

552

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

551

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

553

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

552

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

554

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

553

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

555

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

554

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

556

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

555

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

557

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

556

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

558

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

557

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

559

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

558

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

560

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

559

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

561

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

560

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

562

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

561

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

563

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

562

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

564

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

563

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

565

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

564

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

566

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

565

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

567

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

566

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

568

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

567

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

569

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

568

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

570

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

569

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

571

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

570

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

572

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

571

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

573

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

572

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

574

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

573

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

575

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

574

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

576

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

575

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

577

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

576

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

578

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

577

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

579

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

578

580

579

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

581

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

580

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

582

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

581

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

583

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

582

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

584

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

583

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

585

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

584

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

586

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

585

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

587

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

586

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

588

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

587

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

589

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

588

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

590

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

589

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

591

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

590

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

592

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

591

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

593

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

592

594

593

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

595

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

594

@media print {

596

@media print {

595

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

597

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

596

#main { background: #fff; }

598

#main { background: #fff; }

597

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

599

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

598

}

600

}

             <h2><%= l(:label_search) %></h2>
             <div class="box">
             <% form_tag({}, :method => :get) do %>
             <p><%= text_field_tag 'q', @question, :size => 60, :id => 'search-input' %>
             <%= javascript_tag "Field.focus('search-input')" %>
             <%= project_select_tag %>
             <label><%= check_box_tag 'all_words', 1, @all_words %> <%= l(:label_all_words) %></label>
             <label><%= check_box_tag 'titles_only', 1, @titles_only %> <%= l(:label_search_titles_only) %></label>
             </p>
             <p>
             <% @object_types.each do |t| %>
             <label><%= check_box_tag t, 1, @scope.include?(t) %> <%= l("label_#{t.singularize}_plural")%></label>
             <% end %>
             </p>
             <p><%= submit_tag l(:button_submit), :name => 'submit' %></p>
             <% end %>
             </div>
             <% if @results %>
                 <h3><%= l(:label_result_plural) %></h3>
-                <ul id="search-results">
+                <dl id="search-results">
                   <% @results.each do |e| %>
-                    <li><p><%= content_tag('span', h(e.project), :class => 'project') unless @project == e.project %> <%= link_to highlight_tokens(truncate(e.event_title, 255), @tokens), e.event_url %><br />
+                    <dt class="<%= e.event_type %>"><%= content_tag('span', h(e.project), :class => 'project') unless @project == e.project %> <%= link_to highlight_tokens(truncate(e.event_title, 255), @tokens), e.event_url %></dt>
-                    <%= highlight_tokens(e.event_description, @tokens) %><br />
+                    <dd><span class="description"><%= highlight_tokens(e.event_description, @tokens) %></span><br />
-                    <span class="author"><%= format_time(e.event_datetime) %></span></p></li>
+                    <span class="author"><%= format_time(e.event_datetime) %></span><dd>
                   <% end %>
-                </ul>
+                </dl>
             <% end %>
             <p><center>
             <% if @pagination_previous_date %>
             <%= link_to_remote ('&#171; ' + l(:label_previous)),
                                {:update => :content,
                                 :url => params.merge(:previous => 1, :offset => @pagination_previous_date.strftime("%Y%m%d%H%M%S"))
                                }, :href => url_for(params.merge(:previous => 1, :offset => @pagination_previous_date.strftime("%Y%m%d%H%M%S"))) %>&nbsp;
             <% end %>
             <% if @pagination_next_date %>
             <%= link_to_remote (l(:label_next) + ' &#187;'),
                                {:update => :content,
                                 :url => params.merge(:previous => nil, :offset => @pagination_next_date.strftime("%Y%m%d%H%M%S"))
                                }, :href => url_for(params.merge(:previous => nil, :offset => @pagination_next_date.strftime("%Y%m%d%H%M%S"))) %>
             <% end %>
             </center></p>
             <% html_title(l(:label_search)) -%>

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

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

             body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
             h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
             h1 {margin:0; padding:0; font-size: 24px;}
             h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
             h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
             h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}
             /***** Layout *****/
             #wrapper {background: white;}
             #top-menu {background: #2C4056; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
             #top-menu ul {margin: 0;  padding: 0;}
             #top-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #top-menu a {color: #fff; padding-right: 8px; font-weight: bold;}
             #top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
             #account {float:right;}
             #header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
             #header a {color:#f8f8f8;}
             #quick-search {float:right;}
             #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px;}
             #main-menu ul {margin: 0;  padding: 0;}
             #main-menu li {
               float:left;
               list-style-type:none;
               margin: 0px 2px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
             }
             #main-menu li a {
               display: block;
               color: #fff;
               text-decoration: none;
               font-weight: bold;
               margin: 0;
               padding: 4px 10px 4px 10px;
             }
             #main-menu li a:hover {background:#759FCF; color:#fff;}
             #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
             #main {background-color:#EEEEEE;}
             #sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
             * html #sidebar{ width: 17%; }
             #sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
             #sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
             * html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
             #content { width: 80%; background-color: #fff; margin: 0px; border-right: 1px solid #ddd; padding: 6px 10px 10px 10px; z-index: 10; 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; overflow: auto; }
             #main.nosidebar #sidebar{ display: none; }
             #main.nosidebar #content{ width: auto; border-right: 0; }
             #footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}
             #login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
             #login-form table td {padding: 6px;}
             #login-form label {font-weight: bold;}
             .clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
             /***** Links *****/
             a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
             a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
             a img{ border: 0; }
             a.issue.closed, .issue.closed a { text-decoration: line-through; }
             /***** Tables *****/
             table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
             table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
             table.list td { overflow: hidden; vertical-align: top;}
             table.list td.id { width: 2%; text-align: center;}
             table.list td.checkbox { width: 15px; padding: 0px;}
             table.list.issues { margin-top: 10px; }
             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; }
             tr.user td { width:13%; }
             tr.user td.email { width:18%; }
             tr.user td { white-space: nowrap; }
             tr.user.locked, tr.user.registered { color: #aaa; }
             tr.user.locked a, tr.user.registered a { color: #aaa; }
             tr.time-entry { text-align: center; white-space: nowrap; }
             tr.time-entry td.subject, tr.time-entry td.comments { text-align: left; white-space: normal; }
             td.hours { text-align: right; font-weight: bold; padding-right: 0.5em; }
             td.hours .hours-dec { font-size: 0.9em; }
             table.list tbody tr:hover { background-color:#ffffdd; }
             table td {padding:2px;}
             table p {margin:0;}
             .odd {background-color:#f6f7f8;}
             .even {background-color: #fff;}
             .highlight { background-color: #FCFD8D;}
             .highlight.token-1 { background-color: #faa;}
             .highlight.token-2 { background-color: #afa;}
             .highlight.token-3 { background-color: #aaf;}
             .box{
             padding:6px;
             margin-bottom: 10px;
             background-color:#f6f6f6;
             color:#505050;
             line-height:1.5em;
             border: 1px solid #e4e4e4;
             }
             div.square {
              border: 1px solid #999;
              float: left;
              margin: .3em .4em 0 .4em;
              overflow: hidden;
              width: .6em; height: .6em;
             }
             .contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
             .contextual input {font-size:0.9em;}
             .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;}
             p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
             p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
             fieldset#filters { padding: 0.7em; }
             fieldset#filters p { margin: 1.2em 0 0.8em 2px; }
             fieldset#filters .buttons { font-size: 0.9em; }
             fieldset#filters table { border-collapse: collapse; }
             fieldset#filters table td { padding: 0; vertical-align: middle; }
             fieldset#filters tr.filter { height: 2em; }
             fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
             div#issue-changesets {float:right; width:45%; margin-left: 1em; margin-bottom: 1em; background: #fff; padding-left: 1em; font-size: 90%;}
             div#issue-changesets .changeset { padding: 4px;}
             div#issue-changesets .changeset { border-bottom: 1px solid #ddd; }
             div#issue-changesets p { margin-top: 0; margin-bottom: 1em;}
-            div#activity dl { margin-left: 2em; }
+            div#activity dl, #search-results { margin-left: 2em; }
             div#activity dd { margin-bottom: 1em; padding-left: 18px; }
-            div#activity dt { margin-bottom: 1px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
+            div#activity dt, #search-results dt { margin-bottom: 1px; padding-left: 20px; line-height: 18px; background-position: 0 50%; background-repeat: no-repeat; }
             div#activity dt .time { color: #777; font-size: 80%; }
-            div#activity dd .description { font-style: italic; }
+            div#activity dd .description, #search-results dd .description { font-style: italic; }
             div#activity span.project:after, #search-results span.project:after { content: " -"; }
-            div#activity dt.issue { background-image: url(../images/ticket.png); }
+            #search-results dd { margin-bottom: 1em; padding-left: 20px; margin-left:0px;}
-            div#activity dt.issue-edit { background-image: url(../images/ticket_edit.png); }
-            div#activity dt.issue-closed { background-image: url(../images/ticket_checked.png); }
+            dt.issue { background-image: url(../images/ticket.png); }
-            div#activity dt.changeset { background-image: url(../images/changeset.png); }
+            dt.issue-edit { background-image: url(../images/ticket_edit.png); }
-            div#activity dt.news { background-image: url(../images/news.png); }
+            dt.issue-closed { background-image: url(../images/ticket_checked.png); }
-            div#activity dt.message { background-image: url(../images/message.png); }
+            dt.changeset { background-image: url(../images/changeset.png); }
-            div#activity dt.reply { background-image: url(../images/comments.png); }
+            dt.news { background-image: url(../images/news.png); }
-            div#activity dt.wiki-page { background-image: url(../images/wiki_edit.png); }
+            dt.message { background-image: url(../images/message.png); }
-            div#activity dt.attachment { background-image: url(../images/attachment.png); }
+            dt.reply { background-image: url(../images/comments.png); }
-            div#activity dt.document { background-image: url(../images/document.png); }
+            dt.wiki-page { background-image: url(../images/wiki_edit.png); }
+            dt.attachment { background-image: url(../images/attachment.png); }
+            dt.document { background-image: url(../images/document.png); }
             div#roadmap fieldset.related-issues { margin-bottom: 1em; }
             div#roadmap fieldset.related-issues ul { margin-top: 0.3em; margin-bottom: 0.3em; }
             div#roadmap .wiki h1:first-child { display: none; }
             div#roadmap .wiki h1 { font-size: 120%; }
             div#roadmap .wiki h2 { font-size: 110%; }
             div#version-summary { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; background-color: #fff; }
             div#version-summary fieldset { margin-bottom: 1em; }
             div#version-summary .total-hours { text-align: right; }
             table#time-report td.hours, table#time-report th.period, table#time-report th.total { text-align: right; padding-right: 0.5em; }
             table#time-report tbody tr { font-style: italic; color: #777; }
             table#time-report tbody tr.last-level { font-style: normal; color: #555; }
             table#time-report tbody tr.total { font-style: normal; font-weight: bold; color: #555; background-color:#EEEEEE; }
             table#time-report .hours-dec { font-size: 0.9em; }
             .total-hours { font-size: 110%; font-weight: bold; }
             .total-hours span.hours-int { font-size: 120%; }
             .autoscroll {overflow-x: auto; padding:1px; margin-bottom: 1.2em;}
             #user_firstname, #user_lastname, #user_mail, #my_account_form select { width: 90%; }
             .pagination {font-size: 90%}
             p.pagination {margin-top:8px;}
             /***** Tabular forms ******/
             .tabular p{
             margin: 0;
             padding: 5px 0 8px 0;
             padding-left: 180px; /*width of left column containing the label elements*/
             height: 1%;
             clear:left;
             }
             html>body .tabular p {overflow:auto;}
             .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;
             }
             input#time_entry_comments { width: 90%;}
             #preview fieldset {margin-top: 1em; background: url(../images/draft.png)}
             .tabular.settings p{ padding-left: 300px; }
             .tabular.settings label{ margin-left: -300px; width: 295px; }
             .required {color: #bb0000;}
             .summary {font-style: italic;}
             #attachments_fields input[type=text] {margin-left: 8px; }
             div.attachments p { margin:4px 0 2px 0; }
             div.attachments img { vertical-align: middle; }
             div.attachments span.author { font-size: 0.9em; color: #888; }
             p.other-formats { text-align: right; font-size:0.9em; color: #666; }
             .other-formats span + span:before { content: "| "; }
             a.feed { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }
             /***** Flash & error messages ****/
             #errorExplanation, div.flash, .nodata, .warning {
                 padding: 4px 4px 4px 30px;
                 margin-bottom: 12px;
             	font-size: 1.1em;
             	border: 2px solid;
             }
             div.flash {margin-top: 8px;}
             div.flash.error, #errorExplanation {
                 background: url(../images/false.png) 8px 5px no-repeat;
             	background-color: #ffe3e3;
             	border-color: #dd0000;
             	color: #550000;
             }
             div.flash.notice {
                 background: url(../images/true.png) 8px 5px no-repeat;
             	background-color: #dfffdf;
             	border-color: #9fcf9f;
             	color: #005f00;
             }
             .nodata, .warning {
                 text-align: center;
             	background-color: #FFEBC1;
             	border-color: #FDBF3B;
             	color: #A6750C;
             }
             #errorExplanation ul { font-size: 0.9em;}
             /***** Ajax indicator ******/
             #ajax-indicator {
             position: absolute; /* fixed not supported by IE */
             background-color:#eee;
             border: 1px solid #bbb;
             top:35%;
             left:40%;
             width:20%;
             font-weight:bold;
             text-align:center;
             padding:0.6em;
             z-index:100;
             filter:alpha(opacity=50);
             opacity: 0.5;
             }
             html>body #ajax-indicator { position: fixed; }
             #ajax-indicator span {
             background-position: 0% 40%;
             background-repeat: no-repeat;
             background-image: url(../images/loading.gif);
             padding-left: 26px;
             vertical-align: bottom;
             }
             /***** Calendar *****/
             table.cal {border-collapse: collapse; width: 100%; margin: 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%;}
             /***** Tabs *****/
             #content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}
             #content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}
             #content .tabs>ul { bottom:-1px; } /* others */
             #content .tabs ul li {
             float:left;
             list-style-type:none;
             white-space:nowrap;
             margin-right:8px;
             background:#fff;
             }
             #content .tabs ul li a{
             display:block;
             font-size: 0.9em;
             text-decoration:none;
             line-height:1.3em;
             padding:4px 6px 4px 6px;
             border: 1px solid #ccc;
             border-bottom: 1px solid #bbbbbb;
             background-color: #eeeeee;
             color:#777;
             font-weight:bold;
             }
             #content .tabs ul li a:hover {
             background-color: #ffffdd;
             text-decoration:none;
             }
             #content .tabs ul li a.selected {
             background-color: #fff;
             border: 1px solid #bbbbbb;
             border-bottom: 1px solid #fff;
             }
             #content .tabs ul li a.selected:hover {
             background-color: #fff;
             }
             /***** Diff *****/
             .diff_out { background: #fcc; }
             .diff_in { background: #cfc; }
             /***** Wiki *****/
             div.wiki table {
                 border: 1px solid #505050;
                 border-collapse: collapse;
                 margin-bottom: 1em;
             }
             div.wiki table, div.wiki td, div.wiki th {
                 border: 1px solid #bbb;
                 padding: 4px;
             }
             div.wiki .external {
                 background-position: 0% 60%;
                 background-repeat: no-repeat;
                 padding-left: 12px;
                 background-image: url(../images/external.png);
             }
             div.wiki a.new {
                 color: #b73535;
             }
             div.wiki pre {
                 margin: 1em 1em 1em 1.6em;
                 padding: 2px;
                 background-color: #fafafa;
                 border: 1px solid #dadada;
                 width:95%;
                 overflow-x: auto;
             }
             div.wiki 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-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-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-checked  { background-image: url(../images/true.png); }
             .icon-details  { background-image: url(../images/zoom_in.png); }
             .icon-report  { background-image: url(../images/report.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, .other-formats { display:none; }
               #main { background: #fff; }
               #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; }
             }