Fix indexhtml stylesheet
Andrey Cherepanov
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 169 B After Width: | Height: | Size: 173 B |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 185 B After Width: | Height: | Size: 185 B |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 1.5 KiB |
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
td#central-pane {
|
||||
background-color: #ffe57e;
|
||||
}
|
||||
td#right-pane {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.column {
|
||||
text-align: center;
|
||||
border-top: 2px solid #0088bf;
|
||||
background: url('images/section.png') no-repeat 112px 0px;
|
||||
padding: 9px 0 5px 0;
|
||||
}
|
||||
td#search {
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
|
||||
td#social-pane {
|
||||
padding: 14px 12px 2px 12px;
|
||||
}
|
||||
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;
|
||||
}
|
||||
input#search_button {
|
||||
margin-top: 12px;
|
||||
vertical-align: top;
|
||||
font-size: 130%;
|
||||
}
|
||||
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;
|
||||
|
||||
@ -1,88 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||