~muffinresearch/ubuntu-start-page/add-rtl-script

« back to all changes in this revision

Viewing changes to www/10.04/Yahoo/index.html.en-gb

  • Committer: Martin Albisetti
  • Date: 2012-04-23 21:59:26 UTC
  • Revision ID: martin.albisetti@canonical.com-20120423215926-ihlsz1segaicopmz
Update all previous release start pages to link to 12.04

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
<!DOCTYPE html>
2
 
<html lang="en_GB" dir="ltr">
3
 
<head>
4
 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
5
 
<title>Ubuntu Start Page</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
 
<style type="text/css">
23
 
body {
24
 
    background: white;
25
 
    font-family: "bitstream vera sans", "dejavu sans", verdana, sans-serif;
26
 
    font-size: 12px;
27
 
    line-height: 14px;
28
 
    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 {
48
 
    width: 595px;
49
 
    margin: 0 auto;
50
 
    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;
55
 
    background-color: #aea79f;
56
 
    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 {
88
 
    font-size: 1px;
89
 
    display: block;
90
 
    text-indent: -9999px;
91
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
92
 
    background-position: -10px -95px;
93
 
    margin: 0;
94
 
    padding: 0;
95
 
    height: 18px;
96
 
    width: 167px;
97
 
    margin-bottom: 15px;
98
 
    position: relative;
99
 
    }
100
 
 
101
 
#search-box .center input {
102
 
    width: 384px;
103
 
    height: 25px;
104
 
    font-size: 18px;
105
 
    padding-left: 5px;
106
 
    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;
123
 
    text-align: center;
124
 
    padding-top: 20px;
125
 
    padding-left: 10px;
126
 
    padding-right: 10px;
127
 
}
128
 
.bottom-links {
129
 
    height: 30px;
130
 
    text-align: left;
131
 
    padding-top: 8px;
132
 
    display: inline-block;
133
 
    background: blue;
134
 
    margin-right: 20px;
135
 
}
136
 
.bottom-links a {
137
 
    text-decoration: none;
138
 
    color: gray;
139
 
    padding: 10px 0 10px 40px;
140
 
}
141
 
.bottom-links a:hover {
142
 
    color: #e24912;
143
 
}
144
 
#help-link {
145
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
146
 
    background-position: -10px -450px;
147
 
}
148
 
#help-link:hover {
149
 
    background: url(http://start.ubuntu.com/10.04/sprite.png) no-repeat;
150
 
    background-position: -10px -490px;
151
 
}
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;
167
 
}
168
 
</style>
169
 
</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">
176
 
                <h1 class="logo"><a href="http://www.yahoo.com">Yahoo! Search</a></h1>
177
 
                <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>Search</button>
182
 
                </form>
183
 
            </div>
184
 
        </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">Ubuntu help &gt;</a></div>
188
 
            <div id="shop-link" class="bottom-links"><a href="http://shop.ubuntu.com">Ubuntu shop &gt;</a></div>
189
 
            <div id="community-link" class="bottom-links"><a href="http://www.ubuntu.com/community">Ubuntu community &gt;</a></div>
190
 
        </div>
191
 
    </div><!-- close search-box -->
192
 
<script type="text/javascript">
193
 
//<![CDATA[
194
 
focus_search();
195
 
//]]>
196
 
</script>
197
 
 
198
 
</body>
199
 
</html>