← Back to branch summary

~canonical-losas/ubuntu-start-page/u-s-p-content

« back to all changes in this revision

Viewing changes to www/12.10/Baidu/index.html.eo

  • Committer: Martin Albisetti
  • Date: 2015-04-22 18:39:15 UTC
  • mfrom: (145.1.6 1252899-mobile-friendly)
  • Revision ID: martin.albisetti@canonical.com-20150422183915-4vbw6f6qgcefpa1z
Merge mobile-friendly branch, add 15.04 symlink

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/12.10/Baidu/index.html.eo
1
1
<!DOCTYPE html>
2
2
<html lang="eo" dir="ltr">
3
3
<head>
4
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
 
4
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
5
<meta name="viewport" content="width=device-width">
5
6
<title>Komenca paĝo de Ubuntu</title>
6
7
<style type="text/css">
 
8
html {
 
9
    font: normal 300 16px/25px "Ubuntu", Arial, "libra sans", sans-serif;
 
10
    color: #333;
 
11
}
7
12
body {
8
13
    background: white;
9
 
    font-family: ubuntu, ubuntubeta, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;
10
 
    font-size: 12px;
11
 
    line-height: 14px;
12
14
    margin: 0 auto;
13
15
}
14
16
button::-moz-focus-inner {
21
23
    button{
22
24
        margin: 0;
23
25
    }
24
 
}   
 
26
}
 
27
.acchide {
 
28
    text-indent: -999em;
 
29
    display: block;
 
30
}
 
31
/* one-form */
 
32
input[type="search"] {
 
33
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
34
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
35
  border-radius: 2px;
 
36
  width: 100%;
 
37
  padding: 0.5em 0.6em;
 
38
  margin: 0 0 0.5em 0;
 
39
  display: block;
 
40
  border: 1px solid #ccc;
 
41
  font-weight: inherit;
 
42
  -webkit-transition: 0.3s linear border;
 
43
  -moz-transition: 0.3s linear border;
 
44
  -ms-transition: 0.3s linear border;
 
45
  -o-transition: 0.3s linear border;
 
46
  transition: 0.3s linear border;
 
47
}
 
48
input[type="search"]:focus {
 
49
  outline: 0;
 
50
  outline: thin dotted \9;
 
51
  /* IE6-9 */
 
52
  border-color: #129FEA;
 
53
}
 
54
/* end one-form */
 
55
 
 
56
/* one-list */
 
57
ul, ol {
 
58
  margin: 0.5em 0;
 
59
  padding: 0;
 
60
}
 
61
ul li {
 
62
  list-style: none;
 
63
}
 
64
.one-list-inline {
 
65
  display: inline;
 
66
  overflow: hidden;
 
67
  margin: 0 0 0 0.3em;
 
68
  padding: 0;
 
69
}
 
70
.one-list-inline li {
 
71
  list-style: none;
 
72
  display: inline-block;
 
73
}
 
74
.one-list-inline li:after {
 
75
  margin: 0 0.15em;
 
76
}
 
77
.one-list-inline li:last-child:after {
 
78
  content: '';
 
79
}
 
80
/* end one-list */
 
81
 
 
82
/* one-box */
 
83
.one-box {
 
84
  padding: 20px;
 
85
  margin: 0 0 2em 0;
 
86
  -webkit-border-radius: 5px;
 
87
  border-radius: 5px;
 
88
  padding: 20px;
 
89
}
 
90
.one-box-bordered {
 
91
  border: 1px solid #ccc;
 
92
}
 
93
/* end one-box */
 
94
 
25
95
.search-box {
26
 
    width: 595px;
27
 
    margin: 0 auto;
28
 
    margin-top: 63px;
 
96
    margin: 1em;
 
97
    border-color: #eee;
 
98
 
 
99
    -webkit-transition: margin 200ms ease, padding 200ms ease;
 
100
    -moz-transition: margin 200ms ease, padding 200ms ease;
 
101
    transition: margin 200ms ease, padding 200ms ease;
29
102
}
30
103
.ubuntu-branding {
31
104
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
32
 
    background-position: 0 -251px;
 
105
    background-position: 0px -251px;
33
106
    background-color: #aea79f;
34
107
    height: 40px;
35
108
    border-radius: 5px 5px 0 0;
36
 
}
37
 
.wrapper {
38
 
    padding: 0;
39
 
    border: 1px solid #eee;
40
 
    border-top: 0;
41
 
    border-radius: 0 0 5px 5px;
42
 
    margin: 0 auto;
43
 
    text-align: center;
44
 
}
45
 
.wrapper h1 {
46
 
    margin: 0;
47
 
    padding: 0;
 
109
    margin: -21px;
 
110
    margin-bottom: 20px;
 
111
}
 
112
.logo {
 
113
    margin: 0 0 15px 0;
48
114
}
49
115
.logo a {
50
116
    font-size: 1px;
52
118
    text-indent: -9999px;
53
119
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
54
120
    background-position: -22px -605px;
55
 
    margin: 0;
56
121
    padding: 0;
57
122
    height: 75px;
58
123
    width: 173px;
59
 
    margin-bottom: 15px;
60
 
    position: relative;
61
 
}
62
 
.wrapper input {
63
 
    /* allows styling in webkit */
64
 
    -webkit-appearance: textfield;
65
 
    display: inline-block;
66
 
    vertical-align: top;
67
 
    width: 384px;
68
 
    height: 32px;
69
 
    font-size: 18px;
70
 
    padding-left: 5px;
71
 
    padding-right: 5px;
72
 
    -webkit-box-sizing: border-box;
73
 
    -moz-box-sizing: border-box;
74
 
    -ms-box-sizing: border-box;
75
 
    -o-box-sizing: border-box;
76
 
    box-sizing: border-box;
77
 
    border: 1px solid #AEA79F;
78
 
}
79
 
.inner {
80
 
    display: inline-block;
81
 
    margin: 35px auto 100px auto;
82
 
}
83
 
.inner form {
84
 
    height: 32px;
 
124
    position: relative;
 
125
    -webkit-transition: margin 200ms ease;
 
126
    -moz-transition: margin 200ms ease;
 
127
    transition: margin 200ms ease;
 
128
}
 
129
.logo,
 
130
.search-form {
 
131
    max-width: 460px;
 
132
    margin-left: auto;
 
133
    margin-right: auto;
 
134
}
 
135
@media screen and (min-width: 665px) {
 
136
    .wrapper {
 
137
        max-width: 665px;
 
138
        margin: 0 auto;
 
139
    }
 
140
    .search-box {
 
141
        padding-bottom: 100px;
 
142
        margin-top: 65px;
 
143
    }
 
144
    .logo a {
 
145
        margin-top: 65px;
 
146
    }
 
147
    .search-form {
 
148
        text-align: center;
 
149
    }
 
150
}
 
151
.search-form {
 
152
    padding-right: 75px;
 
153
    position: relative;
 
154
    -moz-box-sizing: border-box;
 
155
    -webkit-box-sizing: border-box;
 
156
    box-sizing: border-box;
 
157
}
 
158
.search-input {
 
159
    -moz-box-sizing: border-box;
 
160
    -webkit-box-sizing: border-box;
 
161
    box-sizing: border-box;
 
162
    font-size: inherit;
 
163
}
 
164
.search-button {
 
165
    position: absolute;
 
166
    top: 0;
 
167
    right: 0;
 
168
    cursor: default;
 
169
    height: 37px;
 
170
    width: 70px;
 
171
    margin-left: 0.5em;
 
172
    text-align: center;
 
173
    text-decoration: none;
 
174
    -moz-user-select: none;
 
175
    -webkit-box-sizing: border-box;
 
176
    -moz-box-sizing: border-box;
 
177
    box-sizing: border-box;
85
178
}
86
179
.external-links {
87
 
    text-align: center;
88
 
    padding-top: 20px;
89
 
    padding-left: 10px;
90
 
    padding-right: 10px;
 
180
    margin: 1em;
91
181
}
92
182
.external-links li {
93
 
    height: 30px;
94
 
    display: inline-block;
95
183
    text-align: left;
96
 
    padding-top: 8px;
97
 
    margin: 0 10px;
 
184
    display: block;
 
185
    margin: 0 1em 1em 1em;
 
186
    padding-bottom: 1em;
 
187
    border-bottom: 1px solid #ccc;
 
188
}
 
189
.external-links li:after {
 
190
    margin: 0;
98
191
}
99
192
.external-links a {
 
193
    display: block;
100
194
    text-decoration: none;
101
195
    color: gray;
102
 
    padding: 10px 0 10px 40px;
 
196
    height: 30px;
 
197
    line-height: 30px;
 
198
    padding-left: 35px;
103
199
}
104
200
.external-links a::after {
105
201
    content: " ›";
106
 
    font-size: 16px;
107
202
}
108
203
.external-links a:hover {
109
204
    color: #e24912;
110
205
}
111
 
.help-link, 
112
 
.shop-link, 
113
 
.community-link {
 
206
@media screen and (min-width: 665px) {
 
207
    .external-links {
 
208
        width: 595px;
 
209
        margin: auto;
 
210
        display: block;
 
211
        text-align: center;
 
212
    }
 
213
    .external-links li {
 
214
        display: inline-block;
 
215
        margin: 0 1em 0 0;
 
216
        padding: 0;
 
217
        border: none;
 
218
    }
 
219
    .external-links li:last-child {
 
220
        margin-right: 0;
 
221
        margin-bottom: 0;
 
222
    }
 
223
    .external-links li a {
 
224
        display: inline-block;
 
225
    }
 
226
}
 
227
.help-link a,
 
228
.shop-link a,
 
229
.community-link a {
114
230
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
115
231
}
116
 
.help-link {
 
232
.help-link a {
117
233
    background-position: -10px -450px;
118
234
}
119
 
.help-link:hover {
 
235
.help-link:hover a {
120
236
    background-position: -10px -490px;
121
237
}
122
 
.shop-link {
 
238
.shop-link a {
123
239
    background-position: -10px -368px;
124
240
}
125
 
.shop-link:hover {
 
241
.shop-link:hover a {
126
242
    background-position: -10px -410px;
127
243
}
128
 
.community-link {
 
244
.community-link a {
129
245
    background-position: -10px -528px;
130
246
}
131
 
.community-link:hover {
 
247
.community-link:hover a {
132
248
    background-position: -10px -568px;
133
249
}
134
 
button {
135
 
    margin: 0 3px;
136
 
    display: inline-block;
137
 
    vertical-align: top;
138
 
    cursor: default;
139
 
    height: 32px;
140
 
    padding: 0 8px;
141
 
    text-align: center;
142
 
    text-decoration: none;
143
 
    -webkit-box-sizing: border-box;
144
 
    -moz-box-sizing: border-box;
145
 
    -ms-box-sizing: border-box;
146
 
    -o-box-sizing: border-box;
147
 
    box-sizing: border-box;
148
 
}
149
 
 
150
250
</style>
151
251
</head>
152
252
<body>
153
 
    <div class="search-box">
154
 
        <div class="ubuntu-branding"></div>
155
 
        <div class="wrapper">
156
 
            <div class="inner">
157
 
                <h1 class="logo"><a href="http://www.baidu.com">Baidu</a></h1>
158
 
                <form method="get" action="http://baidu.com/s" name="f">
159
 
                    <input type="hidden" name="cl" value="3" />
160
 
                    <input type="hidden" name="tn" value="ubuntuu_cb" />
161
 
                    <input type="search" x-webkit-speech name="wd" value="" id="kw" /><!-- Eliminate Whitespace
162
 
                    --><button type="submit">Serĉi</button>
163
 
                </form>
164
 
            </div>
165
 
        </div>
166
 
        <ul class="external-links">
167
 
            <li class="help-link"><a href="https://help.ubuntu.com">Helpo de Ubuntu</a></li>
168
 
            <li class="shop-link"><a href="http://shop.ubuntu.com">Retaĉetejo de Ubuntu</a></li>
169
 
            <li class="community-link"><a href="http://www.ubuntu.com/community">Komunumo de Ubuntu</a></li>
170
 
        </ul>
171
 
    </div><!-- close search-box -->
 
253
 
 
254
    <div class="wrapper">
 
255
 
 
256
        <div class="search-box one-box one-box-bordered">
 
257
 
 
258
            <div class="ubuntu-branding"></div>
 
259
 
 
260
            <h1 class="logo"><a href="http://www.baidu.com">Baidu</a></h1>
 
261
 
 
262
            <form method="get" class="search-form" action="http://baidu.com/s" name="f">
 
263
                <input type="hidden" name="cl" value="3" />
 
264
                <input type="hidden" name="tn" value="ubuntuu_cb" />
 
265
                <input type="search" class="search-input" x-webkit-speech name="wd" value="" id="kw" /><!-- Eliminate Whitespace
 
266
                --><button class="search-button" type="submit">Search</button>
 
267
            </form>
 
268
 
 
269
        </div><!-- close search-box -->
 
270
 
 
271
    </div><!-- close wrapper -->
 
272
 
 
273
    <ul class="external-links one-list-inline">
 
274
        <li class="help-link"><a href="https://help.ubuntu.com">Helpo de Ubuntu</a></li>
 
275
        <li class="shop-link"><a href="http://shop.ubuntu.com">Retaĉetejo de Ubuntu</a></li>
 
276
        <li class="community-link"><a href="http://www.ubuntu.com/community">Komunumo de Ubuntu</a></li>
 
277
    </ul>
 
278
 
172
279
<script type="text/javascript">
173
280
//<![CDATA[
174
281
(function focus_search() {