ChiliProject is not maintained anymore. Please be advised that there will be no more updates.

We do not recommend that you setup new ChiliProject instances and we urge all existing users to migrate their data to a maintained system, e.g. Redmine. We will provide a migration script later. In the meantime, you can use the instructions by Christian Daehn.

application.css

The current CSS for mobile agent adjustments (WIP) - Tim Felgentreff, 2011-02-01 06:51 am

Download (3 kB)

 
1
@import url(../../../stylesheets/application.css);
2
3
.ua-mobile body {
4
  min-width: 0px;
5
  -webkit-text-size-adjust: none;
6
  overflow-x: hidden;
7
}
8
9
.ua-mobile .splitcontentright {
10
  float: none;
11
  width: 98%;
12
  margin-left: auto;
13
  margin-right: auto;
14
}
15
16
.ua-mobile .splitcontentleft {
17
  float: none;
18
  width: 98%;
19
  margin-left: auto;
20
  margin-right: auto;
21
}
22
23
.ua-mobile #login-form table {
24
  max-width: 100%;
25
}
26
27
.ua-mobile #login-form input#username, .ua-mobile #login-form input#password {
28
  width: auto;
29
}
30
31
.ua-mobile #sidebar-toggle-button {
32
  min-width: 16px;
33
  min-height: 16px;
34
  background-image: url(../images/wrench.png);
35
  float: right;
36
}
37
38
.ua-mobile #sidebar {
39
  background-color: #EEEEEE;
40
  float: none;
41
  width: 100%;
42
  padding-top: 1em;
43
  padding-bottom: 1em;
44
}
45
46
.ua-mobile #attachments_fields .inline {
47
  float: left;
48
  clear: left;
49
}
50
51
.ua-mobile #attachments_fields input {
52
  float: left;
53
  clear: left;
54
}
55
56
.ua-mobile header {
57
  height: 4em;
58
}
59
60
.ua-mobile #header h1 {
61
  float: left;
62
  clear: both;
63
  white-space: nowrap;
64
}
65
66
.ua-mobile #quick-search {
67
  font-size: 0px;
68
  width: 100%;
69
}
70
71
.ua-mobile #quick-search input {
72
  position: absolute;
73
  top: 0px;
74
  left: 0px;
75
  width: 99%;
76
  font-size: x-large;
77
}
78
79
.ua-mobile #top-menu {
80
  z-index: 1000;
81
  position: absolute;
82
  height: auto;
83
  padding: 1ex;
84
  margin-top: 4em;
85
}
86
87
.ua-mobile #top-menu li {
88
  padding-bottom: 1ex;
89
  float: left;
90
  clear: both;
91
}
92
93
.ua-mobile #main-menu {
94
  left: 0px;
95
  width: 100%;
96
}
97
98
.ua-mobile #main-menu-selectbox {
99
  width: 100%;
100
}
101
102
.ua-mobile > body #content {
103
  width: auto;
104
  min-height: 0px;
105
}
106
107
.ua-mobile .autoscroll {
108
  overflow-x: hidden;
109
}
110
111
.ua-mobile textarea.wiki-edit {
112
  width: auto;
113
}
114
115
.ua-mobile .tabular label {
116
  width: auto;
117
  margin-left: auto;
118
}
119
120
.ua-mobile .tabular label ~ * {
121
  clear: both;
122
  float: left;
123
}
124
125
.ua-mobile .tabular p {
126
  padding-left: 1ex;
127
}
128
129
.ua-mobile table.attributes th {
130
  float: left;
131
}
132
133
.ua-mobile table.attributes th + td {
134
  float: left;
135
  clear: left;
136
}
137
138
.ua-mobile table.attributes th + td + th {
139
  text-align: right;
140
  float: right;
141
  clear: left;
142
  # margin-right: -100%;
143
}
144
145
.ua-mobile table.attributes th + td + th + td {
146
  text-align: right;
147
  float: right;
148
  clear: right;
149
  # margin-right: -100%;
150
}
151
152
.ua-mobile #content > .contextual {
153
  background-color: #EEEEEE;
154
  float: right;
155
}
156
157
.ua-mobile #content > .contextual a {
158
  display: block;
159
}
160
161
.ua-mobile #attachments_fields input[type="text"] {
162
  margin-left: -2px;
163
}
164
165
.ua-mobile #attachments_fields #attachment_description_label_content {
166
  float: left;
167
}
168
169
.ua-mobile #attachments_form small {
170
  float: left;
171
}
172
173
.ua-mobile table.list {
174
  width: auto;
175
  margin-left: auto;
176
  margin-right: auto;
177
}
178
179
.ua-mobile table.list thead {
180
  float: left;
181
  font-size: smaller;
182
}
183
184
.ua-mobile table.list td {
185
  font-size: smaller;
186
  float: right;
187
  clear: right;
188
}
189
190
.ua-mobile table.list tr {
191
  border-bottom: 1px #333 solid;
192
}
193
194
.ua-mobile table.list td.checkbox {
195
  display: none;
196
}
197
198
.ua-mobile table.list td.id {
199
  font-size: medium;
200
  float: left;
201
  top: 0px;
202
}