← Back to branch summary

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

« back to all changes in this revision

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

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