Fix indexhtml stylesheet

f6cdc25f · Andrey Cherepanov · 0c91ca4a · 0c91ca4a · f6cdc25f · 0c91ca4a
Commit f6cdc25f authored Oct 14, 2013 by Andrey Cherepanov
14 changed files
--- a/components/indexhtml/images/altlinux-logo.png
+++ b/components/indexhtml/images/altlinux-logo.png
--- a/components/indexhtml/images/bullet.png
+++ b/components/indexhtml/images/bullet.png
--- a/components/indexhtml/images/community.png
+++ b/components/indexhtml/images/community.png
--- a/components/indexhtml/images/documentation.png
+++ b/components/indexhtml/images/documentation.png
--- a/components/indexhtml/images/facebook.png
+++ b/components/indexhtml/images/facebook.png
--- a/components/indexhtml/images/lines.png
+++ b/components/indexhtml/images/lines.png
--- a/components/indexhtml/images/product-logo.png
+++ b/components/indexhtml/images/product-logo.png
--- a/components/indexhtml/images/product.png
+++ b/components/indexhtml/images/product.png
--- a/components/indexhtml/images/twitter.png
+++ b/components/indexhtml/images/twitter.png
--- a/components/indexhtml/images/vkontakte.png
+++ b/components/indexhtml/images/vkontakte.png
--- a/components/indexhtml/index-en.html.in
+++ b/components/indexhtml/index-en.html.in
@@ -19,13 +19,13 @@
 <!-- Disto name -->
 <table border="0" width="100%" id="header">
 <tr>
-<td><img src="images/product-logo.png" alt="@product_name@" id="product-logo"></td>
+<td id="product-logo"><img src="images/product-logo.png" alt="@product_name@" id="product-logo"></td>
 <td id="search">
 <!-- Search pane -->
 <form action="http://www.google.com/search" method="get">
 <input type="hidden" name="cx" value="009267546552065786736:rwjixpf6cv8">

-<input id="search_string" type="text" name="q" placeholder="Search in Internet">
+<input id="search_string" type="text" name="q" placeholder="Search ALT Linux">

 </form>
 </td>

--- a/components/indexhtml/index-ru.html.in
+++ b/components/indexhtml/index-ru.html.in
@@ -2,7 +2,7 @@
 <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <!-- Disto name in title -->
-<title>@product_name_ru</title>
+<title>@product_name_ru@</title>

 <link href="index.css" rel="stylesheet" type="text/css">
 <link href="images/product.png" rel="shortcut icon" type="image/png" />
@@ -20,13 +20,13 @@

 <table border="0" width="100%" id="header">
 <tr>
-<td><img src="images/product-logo.png" alt="@product_name_ru@" id="product-logo"></td>
+<td id="product-logo"><img src="images/product-logo.png" alt="@product_name_ru@" id="product-logo"></td>
 <td id="search">
 <!-- Search pane -->
 <form action="http://www.google.com/search" method="get">
 <input type="hidden" name="cx" value="009267546552065786736:rwjixpf6cv8">

-<input id="search_string" type="text" name="q" placeholder="Поиск в Интернете">
+<input id="search_string" type="text" name="q" placeholder="Поиск по ALT Linux">

 </form>
 </td>

--- a/components/indexhtml/index.css
+++ b/components/indexhtml/index.css
@@ -8,11 +8,11 @@ body {
 }
 div#content {
    background: white;
-    border: solid 6px #d0d0d0;
-    border-radius: 8px; 
-    -webkit-border-radius: 8px; 
-    -moz-border-radius: 7px; 
-    -khtml-border-radius: 12px;
+    border: solid 10px #e6e6e6;
+    border-radius: 16px; 
+    -webkit-border-radius: 16px; 
+    -moz-border-radius: 16px; 
+    -khtml-border-radius: 16px;
    padding: 0;
    position: relative;
    width: 780px;
@@ -30,10 +30,10 @@ div#title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 12px;
-    background: #d3eaf9;
+    background: #657fbe;
    padding: 6px 0 6px 0;
-    border-top: solid 1px #81c3eb;
-    border-bottom: solid 1px #81c3eb;
+    border-top: solid 1px #657fbe;
+    border-bottom: solid 1px #657fbe;
    background-image: url('images/lines.png');
 }
 div#top-site {
@@ -44,12 +44,43 @@ div#top-site {
    padding: 4px;
 }
 div#main {
-    padding: 12px;
+    padding: 10px 0px 20px 0px;
+}
+table#header {
+    padding-left: 12px;
+    padding-right: 12px;
+}
+
+td#product-logo {
+	text-align: center;
+}
+
+td#search {
+	width: 60%;
+	text-align: right;
+}
+input#search_string {
+    position: relative;
+    vertical-align: middle;
+    background: white;
+    padding: 4px;
+    padding-right: 24px;
+    border: solid 1px #aeaeae;
+    width: 350px;
+    background: url('images/search.png') no-repeat 357px 2px;
+	background-color: white;
 }
+input#search_button {
+    margin-top: 12px;
+    vertical-align: top;
+    font-size: 130%;
+}
+
 th {
    vertical-align: bottom;
    text-align: center;
    padding-top: 5px;
+    padding-bottom: 5px;
 }
 img.icon {
    width: 48px;
@@ -60,64 +91,61 @@ img.icon_big {
    height: 60px;
 }
 img.banner {
-    width: 130px;
-    height: 30px;
-    margin: 6px;
+    width:  32px;
+    height: 32px;
+    margin: 5px;
 }
 li {
    line-height: 1.35em;
 }
-td#central_pane {
-    border-left:  dotted 1px #ccc;
-    border-right: dotted 1px #ccc;
-    text-align: center;
+td#left-pane {
+    background-color: #dbeef6;
 }
-.column {
-    text-align: center;
+td#central-pane {
+    background-color: #ffe57e;
 }
-td#search {
-    text-align: center;
-    padding: 12px;
+td#right-pane {
+    background-color: #f2f2f2;
 }
-input#search_string {
-    position: relative;
-    vertical-align: top;
-    margin-top: 12px;
-    font-size: 130%;
-    background: white;
-    border: solid 1px #81c3eb;
-    border-radius: 2px; 
-    -webkit-border-radius: 2px; 
-    -moz-border-radius: 2px; 
-    -khtml-border-radius: 2px;
+.column {
+    text-align: center;
+    border-top: 2px solid #0088bf;
+    background: url('images/section.png') no-repeat 112px 0px;
+    padding: 9px 0 5px 0;
 }
-input#search_button {
-    margin-top: 12px;
-    vertical-align: top;
-    font-size: 130%;
+
+td#social-pane {
+    padding: 14px 12px 2px 12px;
 }
-td#social {
-    text-align: center;
+
+div#social {
+    text-align: left;
    border-bottom: dotted 1px #ccc;
    font-size: xx-small;
+    padding-bottom: 10px;
    color: #999;
 }
+div#social-icons {
+    text-align: left;
+    padding-top: 10px;
+}
+
 td#left_footer, td#right_footer {
    font-size: xx-small;
    color: #999;
    vertical-align: bottom;
-    padding-top: 15px;
+    padding: 2px 12px 0px 12px;
 }
 td#right_footer {
    text-align: right;
 }
 ul li {
    text-align: left;
-    list-style: square url('bullet.png');
+    list-style: square url('images/bullet.png');
 }
 a:link, a:visited {
    text-decoration: none;
-    color: #2e7194;
+    color: black;
 }
 a:hover {
    text-decoration: none;

--- a/components/indexhtml/index.css.in
+++ b/components/indexhtml/index.css.in
-/* Stylesheet for index file */
-
-body {
-	background-color: #@MIDDLE_COLOR_HEX@;
-	color: #@MIDDLE_LABELS_HEX@;
-	margin: 0px;
-	padding: 10px;
-	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
-	font-size: 9pt;
-}
-
-p {
-    text-align: justify;
-}
-
-a:link, a:visited { 
-    text-decoration: none; 
-    color: #39c;
-}
-
-a:hover { 
-    text-decoration: underline; 
-    color: #f60;
-}
-
-ul li {
-    padding-left: 3px;
-    text-align: left;
-    list-style: square url('img/bullet.png');
-}
-
-li.spacebefore {
-    margin-top: 1em;
-}
-
-div.box {
-    position: relative;
-    width: 780px;
-    margin-top: 10px;
-
-    padding: 10px 20px;
-    padding-top: 10px;
-
-    background-color: #@LIGHT_COLOR_HEX@;
-    border: 1px solid #@DARK_COLOR_HEX@;;
-
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    -khtml-border-radius: 0.5em;
-    border-radius: 0.5em;
-}
-
-div.warning {
-    border: 1px solid #@DARK_ERRORS_HEX@;;
-    background-color: #@LIGHT_ERRORS_HEX@;;
-    padding: 5px;
-}
-
-#lang {
-    text-align: center;
-}
-
-
-.footer {
-	font-size: 9px;
-	color: #@DARK_COLOR_HEX@;
-}
-
-/* top line */
-
-#top {
-	text-align:left;
-	background: #@DARK_COLOR_HEX@;
-
-	padding: 0.25em;
-	margin-bottom: 10px;
-	-moz-border-radius: 0.5em;
-	-webkit-border-radius: 0.5em;
-	-khtml-border-radius: 0.5em;
-	border-radius: 0.5em;
-}
-
-#product-logo {
-	background: url(img/product-logo.png) no-repeat;
-	width: 600px;
-	height: 52px;
-	border: 0px;
-}