227 lines
5.9 KiB
HTML
227 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ca" dir="ltr">
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||
<title>Lubuntu</title>
|
||
<style type="text/css">
|
||
body {
|
||
background: white;
|
||
font-family: ubuntu, ubuntubeta, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;
|
||
font-size: 12px;
|
||
line-height: 14px;
|
||
margin: 0 auto;
|
||
}
|
||
button::-moz-focus-inner {
|
||
/* fix buttons in FF */
|
||
border: 0;
|
||
padding: 0;
|
||
}
|
||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||
/* Remove button margin in webkit */
|
||
button{
|
||
margin: 0;
|
||
}
|
||
}
|
||
.acchide {
|
||
text-indent: -999em;
|
||
display: block;
|
||
}
|
||
.search-box {
|
||
width: 595px;
|
||
margin: 0 auto;
|
||
margin-top: 63px;
|
||
}
|
||
.ubuntu-branding {
|
||
background: url('lubuntu-logo.png') no-repeat;
|
||
background-position: 12px 6px;
|
||
background-color: #DBE2E6;
|
||
height: 40px;
|
||
border-radius: 5px;
|
||
}
|
||
.wrapper {
|
||
padding: 0;
|
||
border: 1px solid #eee;
|
||
border-top: 0;
|
||
border-radius: 5px;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
.wrapper h1 {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.logo a {
|
||
font-size: 1px;
|
||
display: block;
|
||
text-indent: -9999px;
|
||
background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
|
||
background-position: -10px -310px;
|
||
margin: 0;
|
||
padding: 0;
|
||
height: 38px;
|
||
width: 109px;
|
||
margin-bottom: 15px;
|
||
position: relative;
|
||
}
|
||
.wrapper input {
|
||
/* allows styling in webkit */
|
||
-webkit-appearance: textfield;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
width: 384px;
|
||
height: 32px;
|
||
font-size: 18px;
|
||
padding-left: 5px;
|
||
padding-right: 5px;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-ms-box-sizing: border-box;
|
||
-o-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
border: 1px solid #AEA79F;
|
||
}
|
||
.inner {
|
||
display: inline-block;
|
||
margin: 65px auto 100px auto;
|
||
}
|
||
.inner form {
|
||
height: 32px;
|
||
}
|
||
.external-links {
|
||
text-align: center;
|
||
padding-top: 20px;
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
}
|
||
.external-links li {
|
||
height: 40px;
|
||
display: inline-block;
|
||
text-align: left;
|
||
padding-top: 12px;
|
||
padding-left: 4px;
|
||
margin: 0 10px;
|
||
}
|
||
.external-links a {
|
||
text-decoration: none;
|
||
color: gray;
|
||
padding: 10px 10px 10px 44px;
|
||
}
|
||
.external-links a::after {
|
||
content: " ›";
|
||
font-size: 16px;
|
||
}
|
||
.external-links a:hover {
|
||
color: #e24912;
|
||
}
|
||
.wiki-link {
|
||
background: url('lubuntu-wiki.png') no-repeat;
|
||
}
|
||
|
||
.welcome-link {
|
||
background: url('lubuntu-start.png') no-repeat;
|
||
}
|
||
|
||
.mailing-link {
|
||
background: url('lubuntu-mailing.png') no-repeat;
|
||
}
|
||
.wiki-link {
|
||
background-position: 1px 1px;
|
||
}
|
||
.wiki-link:hover {
|
||
background-position: 1px 1px;
|
||
}
|
||
.welcome-link {
|
||
background-position: 1px 1px;
|
||
}
|
||
.welcome-link:hover {
|
||
background-position: 1px 1px;
|
||
}
|
||
.mailing-link {
|
||
background-position: 1px 1px;
|
||
}
|
||
.mailing-link:hover {
|
||
background-position: 1px 1px;
|
||
}
|
||
#sbtn {
|
||
margin: 0 3px;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
background-color: #4D90FE;
|
||
background: #4d90fe; /* Old browsers */
|
||
background: -moz-linear-gradient(top, #4d90fe 0%, #4787ed 100%); /* FF3.6+ */
|
||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed)); /* Chrome,Safari4+ */
|
||
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* Chrome10+,Safari5.1+ */
|
||
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* Opera 11.10+ */
|
||
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%); /* IE10+ */
|
||
background: linear-gradient(to bottom, #4d90fe 0%,#4787ed 100%); /* W3C */
|
||
border: 1px solid #3079ED;
|
||
border-radius: 2px;
|
||
color: #FFFFFF;
|
||
-moz-user-select: none;
|
||
cursor: default;
|
||
font-weight: bold;
|
||
height: 32px;
|
||
line-height: 32px;
|
||
min-width: 54px;
|
||
padding: 0 8px;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-ms-box-sizing: border-box;
|
||
-o-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
}
|
||
#sspan {
|
||
background: url(http://start.ubuntu.com/12.04/sprite.png) no-repeat;
|
||
background-position: -10px -692px;
|
||
vertical-align: top;
|
||
display: inline-block;
|
||
height: 17px;
|
||
margin: 5px 19px;
|
||
width: 14px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="search-box">
|
||
<div class="ubuntu-branding"></div>
|
||
<div class="wrapper">
|
||
<div class="inner">
|
||
<h1 class="logo"><a href="http://www.google.com">Google</a></h1>
|
||
<form method="get" class="search-form" action="http://www.google.com/search" name="search">
|
||
<input type="search" name="q" value="" x-webkit-speech id="sbi" /><!-- eliminate whitespace
|
||
--><button id="sbtn" type="submit"><span id="sspan"></span><span class="acchide">Cerca</span></button>
|
||
<input type="hidden" name="ie" value="UTF-8" />
|
||
<input type="hidden" name="sa" value="Search" />
|
||
<input type="hidden" name="channel" value="fe">
|
||
<input type="hidden" name="client" value="browser-ubuntu">
|
||
<input title="search" type="hidden" name="hl" value="ca" />
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<ul class="external-links">
|
||
<li class="welcome-link"><a href="http://lubuntu.net">Welcome to Lubuntu</a></li>
|
||
<li class="wiki-link"><a href="http://wiki.ubuntu.com/Lubuntu">Wiki pages</a></li>
|
||
<li class="mailing-link"><a href="http://lists.ubuntu.com/mailman/listinfo/lubuntu-users">Join the mailing lists</a></li>
|
||
</ul>
|
||
</div><!-- close search-box -->
|
||
<script type="text/javascript">
|
||
//<![CDATA[
|
||
(function focus_search() {
|
||
function search_select(e) {
|
||
if(e.value.length > 0) {
|
||
e.select();
|
||
}
|
||
e.select();
|
||
}
|
||
|
||
sbi = document.getElementById('sbi');
|
||
sbi.focus();
|
||
search_select(sbi);
|
||
})();
|
||
//]]>
|
||
</script>
|
||
</body>
|
||
</html>
|