← Back to branch summary

~muffinresearch/ubuntu-start-page/explicit-favicon

« back to all changes in this revision

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

  • 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/Yahoo/index.html.eo
3
3
<head>
4
4
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
5
5
<title>Komenca paĝo de Ubuntu</title>
6
 
<script type="text/javascript">
7
 
//<![CDATA[
8
 
function focus_search() {
9
 
    sbi = document.getElementById('sbi');
10
 
    sbi.focus();
11
 
    search_select(sbi);
12
 
}
13
 
function search_select(e) {
14
 
    if(e.value.length > 0) {
15
 
        e.select();
16
 
    }
17
 
    e.select();
18
 
}
19
 
//]]>
20
 
</script>
21
 
 
22
6
<style type="text/css">
23
7
body {
24
8
    background: white;
26
10
    font-size: 12px;
27
11
    line-height: 14px;
28
12
    margin: 0 auto;
29
 
    }
30
 
 
31
 
ul#top-nav {
32
 
    margin-top: 5px;
33
 
    padding-bottom: 5px;
34
 
    border-bottom: 1px solid #eaeaea;
35
 
    }
36
 
 
37
 
ul#top-nav li {
38
 
    display: inline;
39
 
    font-weight: bold;
40
 
    margin-right: 5px;
41
 
    }
42
 
 
43
 
ul#top-nav li a {
44
 
    font-weight: normal;
45
 
    }
46
 
 
47
 
#search-box {
 
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
.search-box {
48
26
    width: 595px;
49
27
    margin: 0 auto;
50
28
    margin-top: 63px;
51
 
    }
52
 
#search-box #ubuntu-branding {
53
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
54
 
    background-position: 0px -251px;
 
29
}
 
30
.ubuntu-branding {
 
31
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
32
    background-position: 0 -251px;
55
33
    background-color: #aea79f;
56
34
    height: 40px;
57
 
    -moz-border-radius: 0 0 5px 5px;
58
 
    -webkit-border-radius: 0 0 5px 5px;
59
 
}
60
 
#search-box .top {
61
 
    width: 593px;
62
 
    height: 65px;
63
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
64
 
    background-position: -10px -10px;
65
 
    margin: 0;
66
 
    padding: 0;
67
 
    }
68
 
 
69
 
#search-box .center {
70
 
    width: 595px;
71
 
    margin: 0;
72
 
    padding: 0;
73
 
    margin-right: -2px;
74
 
    background: url(http://start.ubuntu.com/10.04/middle.png) repeat-y;
75
 
    }
76
 
 
77
 
#search-box .center h1 {
78
 
    margin: 0;
79
 
    padding: 0;
80
 
    }
81
 
 
82
 
#search-box .center .padding {
83
 
    padding-right: 44px;
84
 
    padding-left: 44px;
85
 
    }
86
 
 
87
 
#search-box .center h1.logo a {
 
35
    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;
 
48
}
 
49
.logo a {
88
50
    font-size: 1px;
89
51
    display: block;
90
52
    text-indent: -9999px;
91
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
 
53
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
92
54
    background-position: -10px -95px;
93
55
    margin: 0;
94
56
    padding: 0;
96
58
    width: 167px;
97
59
    margin-bottom: 15px;
98
60
    position: relative;
99
 
    }
100
 
 
101
 
#search-box .center input {
 
61
}
 
62
.wrapper input {
 
63
    /* allows styling in webkit */
 
64
    -webkit-appearance: textfield;
 
65
    display: inline-block;
 
66
    vertical-align: top;
102
67
    width: 384px;
103
 
    height: 25px;
 
68
    height: 32px;
104
69
    font-size: 18px;
105
70
    padding-left: 5px;
106
71
    padding-right: 5px;
107
 
    }
108
 
 
109
 
#search-box .center button {
110
 
    font-size: 18px;
111
 
    padding: 2px;
112
 
    }
113
 
 
114
 
#search-box .bottom {
115
 
    width: 593px;
116
 
    height: 98px;
117
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
118
 
    background-position: -10px -133px;
119
 
    }
120
 
#external-links {
121
 
    overflow: auto;
122
 
    width: 605px;
 
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: 65px auto 100px auto;
 
82
}
 
83
.inner form {
 
84
    height: 32px;
 
85
}
 
86
.external-links {
123
87
    text-align: center;
124
88
    padding-top: 20px;
125
89
    padding-left: 10px;
126
90
    padding-right: 10px;
127
91
}
128
 
.bottom-links {
 
92
.external-links li {
129
93
    height: 30px;
 
94
    display: inline-block;
130
95
    text-align: left;
131
96
    padding-top: 8px;
132
 
    display: inline-block;
133
 
    background: blue;
134
 
    margin-right: 20px;
 
97
    margin: 0 10px;
135
98
}
136
 
.bottom-links a {
 
99
.external-links a {
137
100
    text-decoration: none;
138
101
    color: gray;
139
102
    padding: 10px 0 10px 40px;
140
103
}
141
 
.bottom-links a:hover {
 
104
.external-links a::after {
 
105
    content: " ›";
 
106
    font-size: 16px;
 
107
}
 
108
.external-links a:hover {
142
109
    color: #e24912;
143
110
}
144
 
#help-link {
145
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
 
111
.help-link, 
 
112
.shop-link, 
 
113
.community-link {
 
114
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
115
}
 
116
.help-link {
146
117
    background-position: -10px -450px;
147
118
}
148
 
#help-link:hover {
149
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
 
119
.help-link:hover {
150
120
    background-position: -10px -490px;
151
121
}
152
 
#shop-link {
153
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
154
 
    background-position: -10px -365px;
155
 
}
156
 
#shop-link:hover {
157
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
158
 
    background-position: -10px -407px;
159
 
}
160
 
#community-link {
161
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
162
 
    background-position: -10px -530px;
163
 
}
164
 
#community-link:hover {
165
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
166
 
    background-position: -10px -570px;
 
122
.shop-link {
 
123
    background-position: -10px -368px;
 
124
}
 
125
.shop-link:hover {
 
126
    background-position: -10px -410px;
 
127
}
 
128
.community-link {
 
129
    background-position: -10px -528px;
 
130
}
 
131
.community-link:hover {
 
132
    background-position: -10px -568px;
 
133
}
 
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;
167
148
}
168
149
</style>
169
150
</head>
170
 
<body OnLoad="document.search.p.focus();">
171
 
    <div id="search-box">
172
 
        <div id="ubuntu-branding"></div>
173
 
        <div class="top"></div>
174
 
        <div class="center">
175
 
            <div class="padding">
 
151
<body>
 
152
    <div class="search-box">
 
153
        <div class="ubuntu-branding"></div>
 
154
        <div class="wrapper">
 
155
            <div class="inner">
176
156
                <h1 class="logo"><a href="http://www.yahoo.com">Yahoo! Search</a></h1>
177
157
                <form method="get" action="http://search.yahoo.com/search" name="search">
178
 
                <input name="p" value="" id="sbi"/>
179
 
                <input type="hidden" name="fr" value="ubuntu" />
180
 
                <input type="hidden" name="ei" value="UTF-8" />
181
 
                <button>Serĉi</button>
 
158
                    <input type="hidden" name="fr" value="ubuntu" />
 
159
                    <input type="hidden" name="ei" value="UTF-8" />
 
160
                    <input type="search" x-webkit-speech name="p" value="" id="sbi"/><!-- Eliminate whitespace
 
161
                    --><button type="submit">Serĉi</button>
182
162
                </form>
183
163
            </div>
184
164
        </div>
185
 
        <div class="bottom"></div>
186
 
        <div id="external-links">
187
 
            <div id="help-link" class="bottom-links"><a href="https://help.ubuntu.com">Helpo de Ubuntu &rsaquo;</a></div>
188
 
            <div id="shop-link" class="bottom-links"><a href="http://shop.ubuntu.com">Retaĉetejo de Ubuntu &rsaquo;</a></div>
189
 
            <div id="community-link" class="bottom-links"><a href="http://www.ubuntu.com/community">Komunumo de Ubuntu &rsaquo;</a></div>
190
 
        </div>
 
165
        <ul class="external-links">
 
166
            <li class="help-link"><a href="https://help.ubuntu.com">Helpo de Ubuntu</a></li>
 
167
            <li class="shop-link"><a href="http://shop.ubuntu.com">Retaĉetejo de Ubuntu</a></li>
 
168
            <li class="community-link"><a href="http://www.ubuntu.com/community">Komunumo de Ubuntu</a></li>
 
169
        </ul>
191
170
    </div><!-- close search-box -->
192
171
<script type="text/javascript">
193
172
//<![CDATA[
194
 
focus_search();
 
173
(function focus_search() {
 
174
    function search_select(e) {
 
175
        if(e.value.length > 0) {
 
176
            e.select();
 
177
        }
 
178
        e.select();
 
179
    }
 
180
    sbi = document.getElementById('sbi');
 
181
    sbi.focus();
 
182
    search_select(sbi);
 
183
})();
195
184
//]]>
196
185
</script>
197
 
 
198
186
</body>
199
187
</html>