Commit 5d935216 authored by totte's avatar totte

Add browser-start-page files

parent 8857add5
/* ********************* */
/* *** DECLARE FONTS *** */
/* ********************* */
@font-face {
font-family: "APPFONT";
src: url('Fonts/Oxygen-Sans.ttf') format('truetype');
}
@font-face {
font-family: "APPFONT";
src: url('Fonts/Oxygen-Sans-Bold.ttf') format('truetype');
font-weight: bold;
}
/* ************************** */
/* *** DECLARE CSS BASICS *** */
/* ************************** */
body{
font-family: APPFONT;
font-size: 12px;
padding: 0px;
margin: 0px;
overflow: hidden;
}
a{
outline: none;
}
a img{
outline: none;
}
img{
border: 0;
}
p{
text-align: justify;
font-size: 14px;
}
input{
display: inline-block;
font-family: APPFONT;
font-size: 16px;
font-weight: normal;
height: 46px;
line-height: 46px;
color: #000000;
border: 1px solid #51B1EB;
background-color: #ffffff;
vertical-align: top;
padding-left: 10px;
padding-right: 10px;
}
::placeholder{
font-family: APPFONT;
font-size: 16px;
}
::-webkit-input-placeholder {
font-family: APPFONT;
font-size: 16px;
}
::-moz-placeholder {
font-family: APPFONT;
font-size: 16px;
}
:-ms-input-placeholder {
font-family: APPFONT;
font-size: 16px;
}
input:-moz-placeholder {
font-family: APPFONT;
font-size: 16px;
}
.SMILE_MAIN_BT{
display: inline-block;
width: 46px;
height: 46px;
font-family: APPFONT;
font-size: 12px;
font-weight: bold;
line-height: 46px;
border: 0px;
background-color: #32adf1;
color: #FFFFFF;
z-index: 1;
margin-left: -3px;
vertical-align: top;
transition-property: background-color, border-color, color;
transition-duration: 0.5s;
}
.SMILE_MAIN_BT:hover{
background-color: #32adf1;
color: #FFFFFF;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, button {
outline : none;
}
#HEADER{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 40px;
background-color: rgba(52,52,52,0.95);
font-family: APPFONT;
z-index: 10;
border-bottom: 2px solid rgba(52,52,52,0.95);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
#HEADER .HEADER_ELEM{
display: inline;
float: left;
height: 40px;
color: #FFFFFF;
font-weight: bold;
line-height: 42px;
text-align: center;
padding-left: 10px;
min-width: 100px;
font-family: APPFONT;
font-size: 14px;
font-weight: normal;
cursor: pointer;
transition-property: border-color;
transition-duration: 1s;
}
#HEADER .HEADER_ELEM:hover:not(.HEADER_ELEM_LOGO){
border-bottom: 2px solid #5A99D7;
}
#HEADER .HEADER_ELEM_LOGO{
height: 40px;
background-color: transparent;
min-width: 50px;
max-width: 50px;
}
#HEADER .HEADER_ELEM_LOGO .LOGO_IMG{
margin-top: 8px;
}
#CONTENT_DIV_MAIN{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
font-family: APPFONT;
color: #272727;
z-index: 0;
overflow: hidden;
background-image: url("../Images/wallpaper.jpg");
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}
#SEARCH_ENGINE{
position: absolute;
top: 120px;
height: auto;
left: 0px;
width: 100%;
padding: 0px;
text-align: center;
z-index: 2;
}
#SEARCH_ENGINE h1{
font-family: APPFONT;
font-size: 26px;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 0px 6px rgba(0,0,0,0.95);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#SEARCH_ENGINE h2{
font-family: APPFONT;
font-size: 20px;
font-weight: normal;
color: #FFFFFF;
text-shadow: 0px 0px 6px rgba(0,0,0,0.95);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#DSRC{
display: inline-block;
width: 100%;
}
#QUERY_DDG{
width: 50%;
}
#FOOTER{
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 40px;
line-height: 40px;
text-align: right;
background-color: transparent;
}
#CHAKRA_LOGO{
display: inline-block;
width: 128px;
height: 128px;
background-image: url("../Images/chakra_big.png");
}
This diff is collapsed.
Browser start page for CHAKRA OS
<html>
<head>
<meta charset="UTF8"/>
<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1" />
<meta http-equiv="cleartype" content="on" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
<meta name="description" content="Chakra OS" />
<meta name="author" content="Gibault Stéphane" />
<link rel="stylesheet" type="text/css" href="Css/main.css" media="screen">
</head>
<body>
<div id="HEADER">
<div class="HEADER_ELEM HEADER_ELEM_LOGO" attr_src="https://chakraos.org">
<img src="Images/logo_chakra.png" class="LOGO_IMG">
</div>
<div class="HEADER_ELEM" attr_src="https://chakraos.org/news/">News</div>
<div class="HEADER_ELEM" attr_src="https://chakraos.org/forum/">Forum</div>
<div class="HEADER_ELEM" attr_src="https://chakraos.org/wiki/">Wiki</div>
<div class="HEADER_ELEM" attr_src="https://chakraos.org/?donations">Donations</div>
</div>
<div id="CONTENT_DIV_MAIN">
<div id="SEARCH_ENGINE">
<div id="CHAKRA_LOGO"></div>
<h1>Chakra</h1>
<h2>The Premiere Plasma 5 experience</h2>
<form method="get" action="http://duckduckgo.com/" name="DSRC" id="DSRC">
<input name="t" type="hidden" value="chakra">
<input name="q" id="QUERY_DDG" type="text" value="" maxlength="255" placeholder="What do you want to search for on DuckDuckGo ?">
<button type="submit" class="SMILE_MAIN_BT"><img src="Images/search.png"></button>
</form>
</div>
</div>
<div id="FOOTER">
<a href="https://chakraos.org/wiki/index.php?title=DuckDuckGo"><img align="middle" src="Images/duckduckgo.png" border="0" alt="" style="margin-right: 10px; margin-top: 5px;"/></a>
</div>
<script src="Plugins/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$( document ).ready(function() {
$(".HEADER_ELEM").on("click", function(){
window.location = $(this).attr("attr_src");
});
$("#QUERY_DDG").focus();
});
</script>
</body>
</html>
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