← Back to branch summary

~jonas-drange/ubuntu-start-page/1252899-mobile-friendly

« back to all changes in this revision

Viewing changes to www/12.10/index.html.eu

  • Committer: Martin Albisetti
  • Date: 2012-09-28 18:03:51 UTC
  • mfrom: (138.1.12 trunk)
  • Revision ID: martin.albisetti@canonical.com-20120928180351-jil3e8gemzarfkvi
Update for 12.10

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/12.10/index.html.eu
 
1
<!DOCTYPE html>
 
2
<html lang="eu" dir="ltr">
 
3
<head>
 
4
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
 
5
<title>Ubunturen hasiera-orria</title>
 
6
<style type="text/css">
 
7
body {
 
8
    background: white;
 
9
    font-family: ubuntu, ubuntubeta, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;
 
10
    font-size: 12px;
 
11
    line-height: 14px;
 
12
    margin: 0 auto;
 
13
}
 
14
button::-moz-focus-inner {
 
15
    /* fix buttons in FF */
 
16
    border: 0;
 
17
    padding: 0;
 
18
}
 
19
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
20
    /* Remove button margin in webkit */
 
21
    button{
 
22
        margin: 0;
 
23
    }
 
24
}   
 
25
.acchide {
 
26
    direction: ltr;
 
27
    text-indent: -999em;
 
28
    display: block;
 
29
}
 
30
.search-box {
 
31
    width: 595px;
 
32
    margin: 0 auto;
 
33
    margin-top: 63px;
 
34
}
 
35
.ubuntu-branding {
 
36
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
37
    background-position: 0px -251px;
 
38
    background-color: #aea79f;
 
39
    height: 40px;
 
40
    border-radius: 5px 5px 0 0;
 
41
}
 
42
.wrapper {
 
43
    padding: 0;
 
44
    border: 1px solid #eee;
 
45
    border-top: 0;
 
46
    border-radius: 0 0 5px 5px;
 
47
    margin: 0 auto;
 
48
    text-align: center;
 
49
}
 
50
.wrapper h1 {
 
51
    margin: 0;
 
52
    padding: 0;
 
53
}
 
54
.logo a {
 
55
    font-size: 1px;
 
56
    display: block;
 
57
    text-indent: -9999px;
 
58
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
59
    background-position: -10px -310px;
 
60
    margin: 0;
 
61
    padding: 0;
 
62
    height: 38px;
 
63
    width: 109px;
 
64
    margin-bottom: 15px;
 
65
    position: relative;
 
66
}
 
67
.wrapper input {
 
68
    /* allows styling in webkit */
 
69
    -webkit-appearance: textfield;
 
70
    display: inline-block;
 
71
    vertical-align: top;
 
72
    width: 384px;
 
73
    height: 32px;
 
74
    font-size: 18px;
 
75
    padding-left: 5px;
 
76
    padding-right: 5px;
 
77
    -webkit-box-sizing: border-box;
 
78
    -moz-box-sizing: border-box;
 
79
    -ms-box-sizing: border-box;
 
80
    -o-box-sizing: border-box;
 
81
    box-sizing: border-box;
 
82
    border: 1px solid #AEA79F;
 
83
}
 
84
.inner {
 
85
    display: inline-block;
 
86
    margin: 65px auto 100px auto;
 
87
}
 
88
.inner form {
 
89
    height: 32px;
 
90
}
 
91
.external-links {
 
92
    text-align: center;
 
93
    padding-top: 20px;
 
94
    padding-left: 10px;
 
95
    padding-right: 10px;
 
96
}
 
97
.external-links li {
 
98
    height: 30px;
 
99
    display: inline-block;
 
100
    text-align: left;
 
101
    padding-top: 8px;
 
102
    margin: 0 10px;
 
103
}
 
104
.external-links a {
 
105
    text-decoration: none;
 
106
    color: gray;
 
107
    padding: 10px 0 10px 40px;
 
108
}
 
109
.external-links a::after {
 
110
    content: " ›";
 
111
    font-size: 16px;
 
112
}
 
113
.external-links a:hover {
 
114
    color: #e24912;
 
115
}
 
116
.help-link, 
 
117
.shop-link, 
 
118
.community-link {
 
119
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
120
}
 
121
.help-link {
 
122
    background-position: -10px -450px;
 
123
}
 
124
.help-link:hover {
 
125
    background-position: -10px -490px;
 
126
}
 
127
.shop-link {
 
128
    background-position: -10px -368px;
 
129
}
 
130
.shop-link:hover {
 
131
    background-position: -10px -410px;
 
132
}
 
133
.community-link {
 
134
    background-position: -10px -528px;
 
135
}
 
136
.community-link:hover {
 
137
    background-position: -10px -568px;
 
138
}
 
139
#sbtn {
 
140
    margin: 0 3px;
 
141
    display: inline-block;
 
142
    vertical-align: top;
 
143
    background-color: #4D90FE;
 
144
    background: #4d90fe; /* Old browsers */
 
145
    background: -moz-linear-gradient(top, #4d90fe 0%, #4787ed 100%); /* FF3.6+ */
 
146
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed)); /* Chrome,Safari4+ */
 
147
    background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* Chrome10+,Safari5.1+ */
 
148
    background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* Opera 11.10+ */
 
149
    background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* IE10+ */
 
150
    background: linear-gradient(to bottom, #4d90fe 0%,#4787ed 100%); /* W3C */
 
151
    border: 1px solid #3079ED;
 
152
    border-radius: 2px;
 
153
    color: #FFFFFF;
 
154
    -moz-user-select: none;
 
155
    cursor: default;
 
156
    font-weight: bold;
 
157
    height: 32px;
 
158
    line-height: 32px;
 
159
    min-width: 54px;
 
160
    padding: 0 8px;
 
161
    text-align: center;
 
162
    text-decoration: none;
 
163
    -webkit-box-sizing: border-box;
 
164
    -moz-box-sizing: border-box;
 
165
    -ms-box-sizing: border-box;
 
166
    -o-box-sizing: border-box;
 
167
    box-sizing: border-box;
 
168
}
 
169
#sspan {
 
170
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
171
    background-position: -10px -692px;
 
172
    vertical-align: top;
 
173
    display: inline-block;
 
174
    height: 17px;
 
175
    margin: 5px 19px;
 
176
    width: 14px;
 
177
}
 
178
</style>
 
179
</head>
 
180
<body>
 
181
    <div class="search-box">
 
182
        <div class="ubuntu-branding"></div>
 
183
        <div class="wrapper">
 
184
            <div class="inner">
 
185
                <h1 class="logo"><a href="http://www.google.com">Google</a></h1>
 
186
                <form method="get" class="search-form" action="http://www.google.com/search" name="search">
 
187
                    <input type="search" name="q" value="" x-webkit-speech id="sbi" /><!-- eliminate whitespace
 
188
                    --><button id="sbtn" type="submit"><span id="sspan"></span><span class="acchide">Bilatu</span></button>
 
189
                    <input type="hidden" name="ie" value="UTF-8" />
 
190
                    <input type="hidden" name="sa" value="Search" />
 
191
                    <input type="hidden" name="channel" value="fe">
 
192
                    <input type="hidden" name="client" value="browser-ubuntu">
 
193
                    <input title="search" type="hidden" name="hl" value="eu" />
 
194
                </form>
 
195
            </div>
 
196
        </div>
 
197
        <ul class="external-links">
 
198
            <li class="help-link"><a href="https://help.ubuntu.com">Ubunturen laguntza</a></li>
 
199
            <li class="shop-link"><a href="http://shop.ubuntu.com">Ubunturen denda</a></li>
 
200
            <li class="community-link"><a href="http://www.ubuntu.com/community">Ubuntu komunitatea</a></li>
 
201
        </ul>
 
202
    </div><!-- close search-box -->
 
203
<script type="text/javascript">
 
204
//<![CDATA[
 
205
(function focus_search() {
 
206
    function search_select(e) {
 
207
        if(e.value.length > 0) {
 
208
            e.select();
 
209
        }
 
210
        e.select();
 
211
    }
 
212
 
 
213
    sbi = document.getElementById('sbi');
 
214
    sbi.focus();
 
215
    search_select(sbi);
 
216
})();
 
217
//]]>
 
218
</script>
 
219
</body>
 
220
</html>