Commit b676701a authored by sogal's avatar sogal

Use my own style !

parent c3b40811
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
<!DOCTYPE html>
<html lang="fr">
<head>
<title lang="fr">Accueil openSUSE</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="adapted by sogal, original work : front-end and UI by Cynthia Sanchez, graphic design and animations by Zvezdana Marjanovic">
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body id="search-index">
<div id="main">
<header>
<p><a href="http://www.opensuse.org/">openSUSE</a></p>
<p><a href="http://software.opensuse.org/" lang="fr">Logiciels</a></p>
<p><a href="https://en.opensuse.org/Main_Page" lang="fr">Wiki</a></p>
<p><a href="http://build.opensuse.org/" lang="fr">Build Service</a></p>
<p><a href="https://build.opensuse.org/project/show/home:sogal" lang="en">home:sogal</a></p>
</header>
<section>
<div id="alex">
<img src="assets/open-suse-welcome.png" width="200px" />
</div>
<img src="assets/opensuse-logo.png" id="logo"/>
<form method="GET" action="https://www.qwant.com" id="form">
<div align="left">
<table bgcolor="#333333">
<tbody>
<tr>
<td>
<a href="https://www.qwant.com"></a>
<input type="text" name="q" id="query" size="31" maxlength="255" value="Recherche Qwant">
<input type="hidden" name="l" value="fr">
<input type="submit" name="btnG" value="Rechercher">
</td>
</tr>
</tbody>
</table>
</div>
</form>
</section>
<footer>
<a href="https://www.suse.com/" target="_blank"> </a>
<a href="http://connect.opensuse.org/" lang="en">Social Network</a>
<a href="http://news.opensuse.org/" lang="fr">Nouvelles</a>
<a href="https://www.alionet.org/forums" lang="fr">Forums</a>
<a href="http://shop.opensuse.org/" lang="fr">Boutique</a>
<a href="http://lizards.opensuse.org/" lang="fr">Blogs</a>
<a href="mailto:press@opensuse.org" lang="fr">Presse</a>
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<title lang="en">openSUSE search</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="front-end and UI by Cynthia Sanchez, graphic design and animations by Zvezdana Marjanovic">
<link href="build/css/openSUSE.min.css" type="text/css" rel="stylesheet" />
<script src="build/js/main.min.js" type="text/javascript"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="search-index">
<div class="container-fluid">
<header>
<img src="assets/images/opensuse-logo.png" class="visible-xs-inline pull-left opensuse-logo-head" />
<ul class="text-right horizontal-list-no-list-style">
<li>
<a href="http://www.opensuse.org/">openSUSE</a>
</li>
<li>
<a href="http://software.opensuse.org/" lang="fr">Logiciels</a>
</li>
<li>
<a href="https://en.opensuse.org/Main_Page" lang="fr">Wiki</a>
</li>
<li>
<a href="http://build.opensuse.org/" lang="fr">Build Service</a>
</li>
</ul>
</header>
<section>
<div class="row">
<div class="fixed-column-form text-center">
<img src="assets/videos/open-suse-welcome.gif" />
<div class="input-group">
<img src="assets/images/opensuse-logo.png" class="opensuse-logo-fixed" />
<iframe src="https://duckduckgo.com/search.html?prefill=Recherche DuckDuckGo" style="overflow:hidden;margin:0;padding:0;width:408px;height:40px;" frameborder="0"></iframe>
</div>
</div>
</div>
</section>
</div>
<footer>
<div class="row-0-margin">
<div class="col-md-4 hidden-sm hidden-xs">
<ul class="horizontal-list-no-list-style">
<li>
<a href="https://www.suse.com/" target="_blank">
<div class="suse-logo"></div>
</a>
</li>
<li>
<a href="http://en.opensuse.org/Sponsors">
<div class="AMD-logo"></div>
</a>
</li>
<li>
<a href="http://en.opensuse.org/Sponsors">
<div class="heinlein-logo"></div>
</a>
</li>
<li>
<a href="http://en.opensuse.org/Sponsors">
<div class="ip-exchange-logo"></div>
</a>
</li>
<li>
<a href="http://en.opensuse.org/Sponsors">
<div class="B1-systems-logo"></div>
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-xs-6 text-center">
<ul class="horizontal-list-no-list-style">
<li>
<a href="http://connect.opensuse.org/" lang="en">Social Network</a>
</li>
<li>
<a href="http://news.opensuse.org/" lang="fr">Nouvelles</a>
</li>
<li>
<a href="https://www.alionet.org/forums" lang="fr">Forums</a>
</li>
<li>
<a href="http://shop.opensuse.org/" lang="fr">Boutique</a>
</li>
<li>
<a href="http://lizards.opensuse.org/" lang="fr">Blogs</a>
</li>
<li>
<a href="mailto:press@opensuse.org" lang="fr">Presse</a>
</li>
</ul>
</div>
</footer>
</body>
</html>
@font-face {
font-family: sans-serif;
}
* {
font-family: sans-serif;
color: #000;
word-wrap: break-word;
hyphens: auto;
}
html,body {
background-color: #333;
height: 100%;
}
a {
color: #DFDFDF;
text-decoration: none;
}
header {
width: 70%;
min-width: 50%;
background-color: #333;
margin: auto;
padding: 4px;
}
header p {
display: inline-block;
width: 12%;
min-width: 100px;
height: 30px;
padding: 5px 5px 0;
}
#main {
position: relative;
top: -10px;
min-height: 100%;
min-width: 900px;
padding-top: 15px;
background-color: #333;
margin: auto auto;
text-align: center;
}
section {
vertical-align: top;
position: relative;
background-color: #333;
min-width: 50em;
min-height: 100%;
font-size: .85em;
}
section p {
display: inline-block;
min-width: 100px;
height: 30px;
}
#alex {
text-align: center;
padding-bottom: 0.2em;
}
#form, #logo {
display: inline-block;
}
input[type=text], input[type=submit] {
background-color: #666;
color: #eee;
border-radius: 4px;
border: none;
padding: 5px;
box-sizing: border-box;
}
input[type=submit] {
background-color: #1ca804;
}
footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
text-align: center;
font-size: small;
}
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment