~ubuntu-branches/ubuntu/trusty/fennec/trusty

« back to all changes in this revision

Viewing changes to mobile/themes/core/aboutHome.css

  • Committer: Bazaar Package Importer
  • Author(s): Chris Coulson
  • Date: 2011-01-26 20:31:40 UTC
  • mfrom: (1.1.3 upstream)
  • Revision ID: james.westby@ubuntu.com-20110126203140-zcg54f8ost2vmrxr
Tags: 4.0~b3-0ubuntu1
* New upstream release v4.0 B3 (FENNEC_4_0b3_RELEASE)

* Update build-depends for xulrunner-2.0
  - update debian/control
* Update mozclient to point to the mobile-browser repo
  - update debian/mozclient/fennec.conf
* Build with "--with-system-libxul"
  - update debian/rules
* Add launcher script, based on the one used in Firefox but with the
  unnecessary bits stripped out
  - add debian/fennec.sh
  - update debian/rules
* Refresh patches for new version
  - update debian/patches/bump_gecko_versions_in_application.ini.patch
  - update debian/patches/ubuntu_codes_google.patch
  - update debian/patches/installer.patch
* Drop unneeded patches
  - remove debian/patches/nspr_flags_by_pkg_config_hack.patch
  - remove debian/patches/xul191_l10n.patch
  - update debian/patches/series

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/* ***** BEGIN LICENSE BLOCK *****
 
2
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 
3
 *
 
4
 * The contents of this file are subject to the Mozilla Public License Version
 
5
 * 1.1 (the "License"); you may not use this file except in compliance with
 
6
 * the License. You may obtain a copy of the License at
 
7
 * http://www.mozilla.org/MPL/
 
8
 *
 
9
 * Software distributed under the License is distributed on an "AS IS" basis,
 
10
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 
11
 * for the specific language governing rights and limitations under the
 
12
 * License.
 
13
 *
 
14
 * The Original Code is Mozilla Mobile Browser.
 
15
 *
 
16
 * The Initial Developer of the Original Code is
 
17
 * Mozilla Corporation.
 
18
 * Portions created by the Initial Developer are Copyright (C) 2008
 
19
 * the Initial Developer. All Rights Reserved.
 
20
 *
 
21
 * Contributor(s):
 
22
 *   Mark Finkle <mfinkle@mozilla.com>
 
23
 *
 
24
 * Alternatively, the contents of this file may be used under the terms of
 
25
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 
26
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 
27
 * in which case the provisions of the GPL or the LGPL are applicable instead
 
28
 * of those above. If you wish to allow use of your version of this file only
 
29
 * under the terms of either the GPL or the LGPL, and not to allow others to
 
30
 * use your version of this file under the terms of the MPL, indicate your
 
31
 * decision by deleting the provisions above and replace them with the notice
 
32
 * and other provisions required by the GPL or the LGPL. If you do not delete
 
33
 * the provisions above, a recipient may use your version of this file under
 
34
 * the terms of any one of the MPL, the GPL or the LGPL.
 
35
 *
 
36
 * ***** END LICENSE BLOCK ***** */
 
37
 
 
38
html {
 
39
  background: white;
 
40
  font-family: "Nokia Sans", Tahoma, sans-serif !important;
 
41
  font-size: 24px;
 
42
  margin: 0px 20px;
 
43
}
 
44
 
 
45
#wrapper {
 
46
  max-width: 600px;
 
47
  margin: 0 auto;
 
48
}
 
49
 
 
50
#logo {
 
51
  float: right;
 
52
  margin-top: -24px;
 
53
  margin-right: -34px;
 
54
}
 
55
 
 
56
#header {
 
57
  font-weight: bold;
 
58
  color: white;
 
59
  background: transparent -moz-linear-gradient(top, rgba(57,89,117,1) 0%, rgba(30,66,98,1) 50%, rgba(24,54,82,1) 90%);
 
60
  -moz-border-radius: 6px;
 
61
  padding: 12px;
 
62
  padding-bottom: 14px;
 
63
  margin-bottom: 12px;
 
64
  margin-top: 20px;
 
65
  -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 -3px 0px, rgba(0, 0, 0, 0.1) 0px 2px 0px;
 
66
}
 
67
 
 
68
#header-suffix {
 
69
  color: rgb(112,136,156);
 
70
}
 
71
 
 
72
.section-box {
 
73
  background-color: white;
 
74
  padding: 0;
 
75
  margin-bottom: 8px;
 
76
  -moz-border-radius: 8px;
 
77
  border: 1px solid rgba(0,0,0,0.3);
 
78
  -moz-box-shadow: 
 
79
    inset rgba(255, 255, 255, 0.5) 0 1px 0px,
 
80
    inset rgba(0, 0, 0, 0.1) 0 -3px 0px,
 
81
    rgba(0, 0, 0, 0.1) 0px 2px 0px;
 
82
  width: 100%;
 
83
  overflow: hidden;
 
84
}
 
85
 
 
86
.section-box > h1 {
 
87
  font-size: 18px;
 
88
  font-weight: normal;
 
89
  color: black;
 
90
  background: transparent -moz-linear-gradient(top, rgba(235,235,235,0.2) 0%, rgba(235,235,235,1) 90%);
 
91
  margin: 0;
 
92
  padding: 4px 12px 8px 12px;
 
93
  -moz-border-radius: 8px 8px 0 0;
 
94
}
 
95
 
 
96
.section-box > div {
 
97
  border-bottom: 1px solid rgba(0,0,0,0.1);
 
98
  padding: 8px;
 
99
  padding-bottom: 12px;
 
100
  position: relative;
 
101
}
 
102
 
 
103
.section-box > div:last-child {
 
104
  border-bottom: 0;
 
105
}
 
106
 
 
107
/* Make room for the image */
 
108
.section-box > div > div,
 
109
.section-row > div > div {
 
110
  -moz-margin-start: 48px;
 
111
}
 
112
 
 
113
.section-box .title {
 
114
  color: black;
 
115
}
 
116
 
 
117
.section-box .openall {
 
118
  font-size: 18px;
 
119
  padding: 12px 8px;
 
120
  color: black;
 
121
}
 
122
 
 
123
body[dir="ltr"] .section-box .openall {
 
124
  text-align: right;
 
125
}
 
126
 
 
127
.section-box .version {
 
128
  -moz-margin-start: 12px;
 
129
  font-size: 18px;
 
130
  color: gray;
 
131
}
 
132
 
 
133
.section-box .inner {
 
134
  pointer-events: none;
 
135
}
 
136
 
 
137
.section-box .favicon {
 
138
  border: none;
 
139
  top: 8px;
 
140
  width: 32px;
 
141
  height: 32px;
 
142
  position: absolute;
 
143
  pointer-events: none;
 
144
}
 
145
 
 
146
body[dir="ltr"] .section-box .favicon {
 
147
  left: 12px;
 
148
}
 
149
 
 
150
body[dir="ltr"] .section-box .favicon {
 
151
  right: 12px;
 
152
}
 
153
 
 
154
body[dir="ltr"] #newAddons > div:not(.loading) {
 
155
  background: url("images/arrowright-16.png") 99% center no-repeat;
 
156
}
 
157
 
 
158
body[dir="rtl"] #newAddons > div:not(.loading) {
 
159
  background: url("images/arrowleft-16.png") 1% center no-repeat;
 
160
}
 
161
 
 
162
#remoteTabs[disabled=true] {
 
163
  pointer-events: none;
 
164
  color: #aaa;
 
165
}
 
166
 
 
167
#remoteTabs[disabled=true] > div > .favicon {
 
168
  opacity: 0.5;
 
169
}
 
170
 
 
171
.section-row {
 
172
  color: black;
 
173
  background: transparent -moz-linear-gradient(top, rgba(235,235,235,0.2) 0%, rgba(235,235,235,1) 90%);
 
174
  padding: 8px;
 
175
  padding-bottom: 12px;
 
176
  -moz-border-radius: 8px;
 
177
  border: 1px solid rgba(0,0,0,0.3);
 
178
  -moz-box-shadow: 
 
179
    inset rgba(255, 255, 255, 0.5) 0 1px 0px,
 
180
    inset rgba(0, 0, 0, 0.1) 0 -3px 0px,
 
181
    rgba(0, 0, 0, 0.1) 0px 2px 0px;
 
182
  margin: 24px auto;
 
183
}
 
184
 
 
185
.section-row > div {
 
186
  position: relative;
 
187
  pointer-events: none;
 
188
}
 
189
 
 
190
.section-row .favicon {
 
191
  border: none;
 
192
  top: 0;
 
193
  width: 32px;
 
194
  height: 32px;
 
195
  position: absolute;
 
196
}
 
197
 
 
198
body[dir="ltr"] {
 
199
  left: 4px;
 
200
}
 
201
 
 
202
body[dir="rtl"] {
 
203
  right: 4px;
 
204
}
 
205
 
 
206
.loading > img {
 
207
  display: block;
 
208
  margin: 0 auto;
 
209
}
 
210
 
 
211
.no-items {
 
212
  text-align: center;
 
213
}
 
214
 
 
215
#about {
 
216
  font-size: 18px;
 
217
  text-align: center;
 
218
  margin-top: 24px;
 
219
}
 
220
 
 
221
#about > img {
 
222
  vertical-align: middle;
 
223
  margin: 4px;
 
224
}