Skip to content

B
branding-etersoft-ximper
Commit f6cdc25f authored by Andrey Cherepanov's avatar Andrey Cherepanov
Browse files
Options

Fix indexhtml stylesheet

parent 0c91ca4a
Hide whitespace changes
Inline Side-by-side
Showing with 74 additions and 134 deletions
components/indexhtml/images/bullet.png
View replaced file @ 0c91ca4a View file @ f6cdc25f
components/indexhtml/images/bullet.png

169 Bytes | W: | H:

components/indexhtml/images/bullet.png

173 Bytes | W: | H:

components/indexhtml/images/bullet.png
components/indexhtml/images/bullet.png
components/indexhtml/images/bullet.png
components/indexhtml/images/bullet.png
  • 2-up
  • Swipe
  • Onion skin
components/indexhtml/images/lines.png
View replaced file @ 0c91ca4a View file @ f6cdc25f
components/indexhtml/images/lines.png

185 Bytes | W: | H:

components/indexhtml/images/lines.png

185 Bytes | W: | H:

components/indexhtml/images/lines.png
components/indexhtml/images/lines.png
components/indexhtml/images/lines.png
components/indexhtml/images/lines.png
  • 2-up
  • Swipe
  • Onion skin
components/indexhtml/images/product.png
View replaced file @ 0c91ca4a View file @ f6cdc25f
components/indexhtml/images/product.png

3.53 KB | W: | H:

components/indexhtml/images/product.png

3.46 KB | W: | H:

components/indexhtml/images/product.png
components/indexhtml/images/product.png
components/indexhtml/images/product.png
components/indexhtml/images/product.png
  • 2-up
  • Swipe
  • Onion skin
components/indexhtml/images/twitter.png
View replaced file @ 0c91ca4a View file @ f6cdc25f
components/indexhtml/images/twitter.png

2.26 KB | W: | H:

components/indexhtml/images/twitter.png

1.58 KB | W: | H:

components/indexhtml/images/twitter.png
components/indexhtml/images/twitter.png
components/indexhtml/images/twitter.png
components/indexhtml/images/twitter.png
  • 2-up
  • Swipe
  • Onion skin
components/indexhtml/index-en.html.in
View file @ f6cdc25f
...@@ -19,13 +19,13 @@ ...@@ -19,13 +19,13 @@
<!-- Disto name --> <!-- Disto name -->
<table border="0" width="100%" id="header"> <table border="0" width="100%" id="header">
<tr> <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"> <td id="search">
<!-- Search pane --> <!-- Search pane -->
<form action="http://www.google.com/search" method="get"> <form action="http://www.google.com/search" method="get">
<input type="hidden" name="cx" value="009267546552065786736:rwjixpf6cv8"> <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> </form>
</td> </td>
......
components/indexhtml/index-ru.html.in
View file @ f6cdc25f
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Disto name in title --> <!-- 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="index.css" rel="stylesheet" type="text/css">
<link href="images/product.png" rel="shortcut icon" type="image/png" /> <link href="images/product.png" rel="shortcut icon" type="image/png" />
...@@ -20,13 +20,13 @@ ...@@ -20,13 +20,13 @@
<table border="0" width="100%" id="header"> <table border="0" width="100%" id="header">
<tr> <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"> <td id="search">
<!-- Search pane --> <!-- Search pane -->
<form action="http://www.google.com/search" method="get"> <form action="http://www.google.com/search" method="get">
<input type="hidden" name="cx" value="009267546552065786736:rwjixpf6cv8"> <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> </form>
</td> </td>
......
components/indexhtml/index.css
View file @ f6cdc25f
...@@ -8,11 +8,11 @@ body { ...@@ -8,11 +8,11 @@ body {
} }
div#content { div#content {
background: white; background: white;
border: solid 6px #d0d0d0; border: solid 10px #e6e6e6;
border-radius: 8px; border-radius: 16px;
-webkit-border-radius: 8px; -webkit-border-radius: 16px;
-moz-border-radius: 7px; -moz-border-radius: 16px;
-khtml-border-radius: 12px; -khtml-border-radius: 16px;
padding: 0; padding: 0;
position: relative; position: relative;
width: 780px; width: 780px;
...@@ -30,10 +30,10 @@ div#title { ...@@ -30,10 +30,10 @@ div#title {
text-align: center; text-align: center;
margin-top: 0; margin-top: 0;
margin-bottom: 12px; margin-bottom: 12px;
background: #d3eaf9; background: #657fbe;
padding: 6px 0 6px 0; padding: 6px 0 6px 0;
border-top: solid 1px #81c3eb; border-top: solid 1px #657fbe;
border-bottom: solid 1px #81c3eb; border-bottom: solid 1px #657fbe;
background-image: url('images/lines.png'); background-image: url('images/lines.png');
} }
div#top-site { div#top-site {
...@@ -44,12 +44,43 @@ div#top-site { ...@@ -44,12 +44,43 @@ div#top-site {
padding: 4px; padding: 4px;
} }
div#main { 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 { th {
vertical-align: bottom; vertical-align: bottom;
text-align: center; text-align: center;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px;
} }
img.icon { img.icon {
width: 48px; width: 48px;
...@@ -60,64 +91,61 @@ img.icon_big { ...@@ -60,64 +91,61 @@ img.icon_big {
height: 60px; height: 60px;
} }
img.banner { img.banner {
width: 130px; width: 32px;
height: 30px; height: 32px;
margin: 6px; margin: 5px;
} }
li { li {
line-height: 1.35em; line-height: 1.35em;
} }
td#central_pane { td#left-pane {
border-left: dotted 1px #ccc; background-color: #dbeef6;
border-right: dotted 1px #ccc;
text-align: center;
} }
.column { td#central-pane {
text-align: center; background-color: #ffe57e;
} }
td#search { td#right-pane {
text-align: center; background-color: #f2f2f2;
padding: 12px;
} }
input#search_string { .column {
position: relative; text-align: center;
vertical-align: top; border-top: 2px solid #0088bf;
margin-top: 12px; background: url('images/section.png') no-repeat 112px 0px;
font-size: 130%; padding: 9px 0 5px 0;
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; td#social-pane {
vertical-align: top; padding: 14px 12px 2px 12px;
font-size: 130%;
} }
td#social {
text-align: center; div#social {
text-align: left;
border-bottom: dotted 1px #ccc; border-bottom: dotted 1px #ccc;
font-size: xx-small; font-size: xx-small;
padding-bottom: 10px;
color: #999; color: #999;
} }
div#social-icons {
text-align: left;
padding-top: 10px;
}
td#left_footer, td#right_footer { td#left_footer, td#right_footer {
font-size: xx-small; font-size: xx-small;
color: #999; color: #999;
vertical-align: bottom; vertical-align: bottom;
padding-top: 15px; padding: 2px 12px 0px 12px;
} }
td#right_footer { td#right_footer {
text-align: right; text-align: right;
} }
ul li { ul li {
text-align: left; text-align: left;
list-style: square url('bullet.png'); list-style: square url('images/bullet.png');
} }
a:link, a:visited { a:link, a:visited {
text-decoration: none; text-decoration: none;
color: #2e7194; color: black;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
......
components/indexhtml/index.css.in deleted 100644 → 0
View file @ 0c91ca4a
/* 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;
}
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