← Back to branch summary

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

« back to all changes in this revision

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

  • 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.id
3
3
<head>
4
4
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
5
5
<title>Halaman Depan 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
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
.acchide {
 
26
    direction: ltr;
 
27
    text-indent: -999em;
 
28
    display: block;
 
29
}
 
30
.search-box {
47
31
    width: 595px;
48
32
    margin: 0 auto;
49
33
    margin-top: 63px;
50
 
    }
51
 
#search-box #ubuntu-branding {
 
34
}
 
35
.ubuntu-branding {
52
36
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
53
37
    background-position: 0px -251px;
54
38
    background-color: #aea79f;
55
39
    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: 65px;
62
 
    background: url(http://start.ubuntu.com/12.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(gmiddle.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 {
 
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 {
87
55
    font-size: 1px;
88
56
    display: block;
89
57
    text-indent: -9999px;
95
63
    width: 109px;
96
64
    margin-bottom: 15px;
97
65
    position: relative;
98
 
    }
99
 
 
100
 
#search-box .center input {
 
66
}
 
67
.wrapper input {
 
68
    /* allows styling in webkit */
 
69
    -webkit-appearance: textfield;
 
70
    display: inline-block;
 
71
    vertical-align: top;
101
72
    width: 384px;
102
 
    height: 25px;
 
73
    height: 32px;
103
74
    font-size: 18px;
104
75
    padding-left: 5px;
105
76
    padding-right: 5px;
106
 
    }
107
 
 
108
 
#search-box .bottom {
109
 
    width: 593px;
110
 
    height: 98px;
111
 
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
112
 
    background-position: -10px -133px;
113
 
    }
114
 
#external-links {
115
 
    overflow: auto;
116
 
    width: 605px;
 
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 {
117
92
    text-align: center;
118
93
    padding-top: 20px;
119
94
    padding-left: 10px;
120
95
    padding-right: 10px;
121
96
}
122
 
.bottom-links {
 
97
.external-links li {
123
98
    height: 30px;
 
99
    display: inline-block;
124
100
    text-align: left;
125
101
    padding-top: 8px;
126
 
    display: inline-block;
127
 
    background: blue;
128
 
    margin-right: 20px;
 
102
    margin: 0 10px;
129
103
}
130
 
.bottom-links a {
 
104
.external-links a {
131
105
    text-decoration: none;
132
106
    color: gray;
133
107
    padding: 10px 0 10px 40px;
134
108
}
135
 
.bottom-links a:hover {
 
109
.external-links a::after {
 
110
    content: " ›";
 
111
    font-size: 16px;
 
112
}
 
113
.external-links a:hover {
136
114
    color: #e24912;
137
115
}
138
 
#help-link {
 
116
.help-link, 
 
117
.shop-link, 
 
118
.community-link {
139
119
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
120
}
 
121
.help-link {
140
122
    background-position: -10px -450px;
141
123
}
142
 
#help-link:hover {
143
 
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
 
124
.help-link:hover {
144
125
    background-position: -10px -490px;
145
126
}
146
 
#shop-link {
147
 
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
148
 
    background-position: -10px -365px;
149
 
}
150
 
#shop-link:hover {
151
 
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
152
 
    background-position: -10px -407px;
153
 
}
154
 
#community-link {
155
 
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
156
 
    background-position: -10px -530px;
157
 
}
158
 
#community-link:hover {
159
 
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
160
 
    background-position: -10px -570px;
 
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;
161
138
}
162
139
#sbtn {
 
140
    margin: 0 3px;
 
141
    display: inline-block;
 
142
    vertical-align: top;
163
143
    background-color: #4D90FE;
164
 
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
 
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 */
165
151
    border: 1px solid #3079ED;
166
 
    border-radius: 2px 2px 2px 2px;
 
152
    border-radius: 2px;
167
153
    color: #FFFFFF;
168
154
    -moz-user-select: none;
169
155
    cursor: default;
170
 
    display: inline-block;
171
156
    font-weight: bold;
172
 
    height: 31px;
173
 
    line-height: 30px;
 
157
    height: 32px;
 
158
    line-height: 32px;
174
159
    min-width: 54px;
175
160
    padding: 0 8px;
176
161
    text-align: center;
177
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;
178
168
}
179
169
#sspan {
180
170
    background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
181
 
    background-position: -10px -694px;
 
171
    background-position: -10px -692px;
182
172
    vertical-align: top;
183
173
    display: inline-block;
184
 
    height: 14px;
 
174
    height: 17px;
185
175
    margin: 5px 19px;
186
176
    width: 14px;
187
177
}
188
178
</style>
189
179
</head>
190
180
<body>
191
 
    <div id="search-box">
192
 
        <div id="ubuntu-branding"></div>
193
 
        <div class="top"></div>
194
 
        <div class="center">
195
 
            <div class="padding">
196
 
                <h1 class="logo"><a href="http://www.google.com">&nbsp;</a></h1>
197
 
                <form method="get" action="http://www.google.com/search" name="search">
198
 
                <input type="hidden" name="ie" value="UTF-8" />
199
 
                <input type="hidden" name="sa" value="Search" />
200
 
                <input type="hidden" name="channel" value="fe">
201
 
                <input type="hidden" name="client" value="browser-ubuntu">
202
 
                <input name="q" value="" id="sbi" />
203
 
                <input title="search" type="hidden" name="hl" value="id" />
204
 
                <button id="sbtn"><span id="sspan"> </span></button>
 
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">Cari</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="id" />
205
194
                </form>
206
195
            </div>
207
196
        </div>
208
 
        <div class="bottom"></div>
209
 
        <div id="external-links">
210
 
            <div id="help-link" class="bottom-links"><a href="https://help.ubuntu.com">Bantuan Ubuntu &rsaquo;</a></div>
211
 
            <div id="shop-link" class="bottom-links"><a href="http://shop.ubuntu.com">Toko Ubuntu &rsaquo;</a></div>
212
 
            <div id="community-link" class="bottom-links"><a href="http://www.ubuntu.com/community">Komunitas Ubuntu &rsaquo;</a></div>
213
 
        </div>
 
197
        <ul class="external-links">
 
198
            <li class="help-link"><a href="https://help.ubuntu.com">Bantuan Ubuntu</a></li>
 
199
            <li class="shop-link"><a href="http://shop.ubuntu.com">Toko Ubuntu</a></li>
 
200
            <li class="community-link"><a href="http://www.ubuntu.com/community">Komunitas Ubuntu</a></li>
 
201
        </ul>
214
202
    </div><!-- close search-box -->
215
203
<script type="text/javascript">
216
204
//<![CDATA[
217
 
focus_search();
 
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
})();
218
217
//]]>
219
218
</script>
220
219
</body>