new images for centaurus web-interface and few changes in css

components/ahttpd/styles/alterator.css.in

@@ -2,7 +2,7 @@
 
 body {
 	background-color: #@MIDDLE_COLOR_HEX@;
-	color: #@MIDDLE_LABELS_HEX@;
+	color: #666666;/*#@MIDDLE_LABELS_HEX@; */
 	margin: 0px;
 	padding: 10px;
 	font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
@@ -10,20 +10,27 @@ body {
 }
 
 a {
-	color: #@MIDDLE_LABELS_HEX@;
+	color: #@DARK_LABELS_HEX@;
 	font-weight: bold;
 }
 
 table {
 	font-size: 9pt;
-	border-color: #@MIDDLE_LABELS_HEX@;
+	border-color: #@MIDDLE_COLOR_HEX@;
 	border-collapse: collapse;
+	-moz-border-radius: 0.7em;
+	-webkit-border-radius: 0.7em;
+	-khtml-border-radius: 0.7em;
+	border-radius: 0.7em;
 }
 
 th {
 	padding: 0px 7px 3px 0px;
 }
 
+/*tr:nth-child(even) {background: #eaecf2}
+tr:nth-child(odd) {background: #FFF}*/
+
 tr {
 	vertical-align: top;
 }
@@ -46,16 +53,31 @@ textarea, select, input.text {
 }
 
 .btn, button {
-	background-color: #@MIDDLE_COLOR_HEX@;
-	color: #@MIDDLE_LABELS_HEX@;
-	border: 1px solid #@MIDDLE_LABELS_HEX@;
+	background-image: url(/design/images/button-active.png);
+	background-repeat:repeat-x;
+	color: #@DARK_LABELS_HEX@;
+	border: 1px solid #@MIDDLE_COLOR_HEX@;
+	
+	-moz-border-radius: 0.7em;
+	-webkit-border-radius: 0.7em;
+	-khtml-border-radius: 0.7em;
+	border-radius: 0.7em;
+	
 	cursor: pointer;
 	font-size: 9pt;
-	padding: 0px 3px;
+	padding: 2.5px 10px;
+	
+	-moz-box-shadow: 5px 5px 6px #a6a6a6;
+	-webkit-box-shadow: 5px 5px 6px #a6a6a6;
+	box-shadow: 5px 5px 6px #a6a6a6;
 }
 
 .btn:hover, button:hover {
-	background-color: #@LIGHT_COLOR_HEX@;
+	background-image: url(/design/images/button-passive.png);
+	background-repeat:repeat-x;
+	color: #@LIGHT_LABELS_HEX@@;
+	border: 1px solid #@DARK_LABELS_HEX@;
+
 }
 
 .box {
@@ -63,15 +85,21 @@ textarea, select, input.text {
     width: 780px;
     margin-top: 10px;
 
-    background: #FFFFFF;
-    padding: 0.2em;
+/*    padding: 0.2em;
     padding-right: 2mm;
     padding-top: 2mm;
-    padding-bottom: 2mm;
+    padding-bottom: 2mm;*/
 
-    border: 1px solid #@MIDDLE_COLOR_HEX@;
-}
+/*    border: 1px solid #@MIDDLE_COLOR_HEX@;*/
 
+	padding: 10px 20px;
+	padding-top: 10px;
+
+	background-color: #cfd4e3;
+	border: 1px solid #a6a6a6;
+
+}
+/* CHECK NEEDED!
 .disabled {
 	color: #@DARK_COLOR_HEX@;
 }
@@ -88,7 +116,7 @@ textarea, select, input.text {
 	background-color: #@MIDDLE_LABELS_HEX@;
 	height: 20px;
 }
-
+*/
 .next-page-button,.prev-page-button,.first-page-button,.last-page-button {
     width: 25px;
     height: 20px;
@@ -163,8 +191,8 @@ canvas.alterator-clock {
 /* calendar and dateedit */
 
 .year {
-	font-weight: bold;
-	background-color: #@LIGHT_COLOR_HEX@;
+	/*font-weight: bold;              */
+	/*background-color: #@LIGHT_COLOR_HEX@;*/
 }
 
 .week {
@@ -174,16 +202,17 @@ canvas.alterator-clock {
 }
 
 .today {
-	border-style:solid;
-	border-width:1px;
-	background-color: pink;
+	border: 1px solid #@DARK_LABELS_HEX@;
 	cursor: pointer;
+	background-image: url(/design/images/button-passive.png);
+	background-repeat:repeat-x;
+	color: #FFFFFF;
 }
 
 .day {
 	border-style:solid;
 	border-width:1px;
-	background-color: #@LIGHT_COLOR_HEX@;
+	background-color: #@LIGHT_LABELS_HEX@;
 	cursor: pointer;
 }
 
@@ -194,9 +223,15 @@ canvas.alterator-clock {
 .alterator-dateedit-calendar table {
 	width: 100%;
 	text-align: center;
-	background-color: #@LIGHT_COLOR_HEX@;
+	background-image: url(/design/images/table-header.png);
+	background-repeat:repeat-x;
+	/*background-color: #@LIGHT_COLOR_HEX@;
 	border-style: solid;
-	border-width: 1px;
+	border-width: 1px;*/
+	
+	-moz-box-shadow: 0 0 8px 0.2em #a6a6a6;
+	-webkit-box-shadow: 0 0 8px 0.2em #a6a6a6;
+	box-shadow: 0 0 8px 0.2em #a6a6a6;
 }
 
 .alterator-dateedit-calendar td {
@@ -214,51 +249,80 @@ canvas.alterator-clock {
 /* main menu */
 
 #menu-td {
-	padding-right: 12px;
-}
+	padding-right: 10px;
+	padding-top: 10px;}
 
 #main {
 	padding: 10px 20px;
+	padding-top: 10px;
+	
+	background-color: #cfd4e3;
+	border: 1px solid #c1c3cb;
+}
+
+#menu {
+    padding: 10px;
+    background-color: white;
+    border: 1px solid #c1c3cb;
+    -moz-border-radius: 7px;
+    -webkit-border-radius: 7px;
+    -khtml-border-radius: 7px;
+    border-radius: 7px;
 }
 
 #main-td {
-	background-color: #ffffff;
 	width: 100%;
-	/*border: 1px solid #056560;;*/
-	-moz-border-radius-bottomright: 1em;
-        -webkit-border-radius-bottomright: 1em;
-        -khtml-border-radius-bottomright: 1em;
-        border-radius-bottomright: 1em;
-	-moz-border-radius-bottomleft: 1em;
-        -webkit-border-radius-bottomleft: 1em;
-        -khtml-border-radius-bottomleft: 1em;
-        border-radius-bottomleft: 1em;
+	padding-top: 10px;
 }
 
 .menu-item-normal a {
 	font-weight: normal;
-	padding-left: 5px;
-	padding-right: 5px;
 	text-decoration: none;
+	color: #@DARK_LABELS_HEX@;
 }
 
 .menu-item-selected a {
 	font-weight: bold;
-	padding-left: 5px;
-	padding-right: 5px;
+	text-decoration: none;
+	color: #@DARK_LABELS_HEX@;
+	padding-top: 10px;
+	margin-top: 10px;
+	width: 200px;
 }
 
-.menu-group-name  {
-	padding-left: 5px;
-	padding-right: 5px;
-	color: #fff;
-	text-decoration: none;
-	/*background-color:#baeaea;*/
+.menu-item-normal {
+	padding-left: 20px;
+	width: 100%;
+	padding-right: 4px;
+	margin-top: 3px;
+	margin-bottom: 2px;
+}
+
+.menu-item-selected {
+	background-image: url(/design/images/menu-selected.png);
+	background-repeat:repeat-y;
+	padding-left: 20px;
+	width: 80%;
 	padding-top: 3px;
-	background: url(/design/images/gradient.png) 0% 0% repeat-x;
-	font-weight: bold;
+	padding-bottom: 3px;
+	padding-right: 3px;
+	margin-top: 3px;
+	margin-bottom: 2px;
 }
 
+.menu-group-name  {
+	color: #@DARK_LABELS_HEX@;
+	background-image: url(/design/images/menu-header.png);
+	background-repeat:repeat-x;
+	font-size: 10pt;
+	
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-right: 4px;
+	padding-left: 10px;
+	margin: 10px;
+}
+/*
 .menu-group {
 	padding-bottom: 5px;
 	/*width:250px;*/
@@ -266,7 +330,7 @@ canvas.alterator-clock {
 	border-collapse: collapse;
 	background: url(/design/images/gradient-menu.png) 0% 0% repeat-x;
 }
-
+*/
 
 /* tables */
 
@@ -431,8 +495,8 @@ div.alterator-accordion h3.ui-state-active {
 }
 
 .ui-corner-all {
-	-moz-border-radius: 4px;
-	-webkit-border-radius: 4px;
+	-moz-border-radius: 0.7em;
+	-webkit-border-radius: 0.7em;
 }
 
 /* overlays */

configure.ac

@@ -4,12 +4,13 @@ AC_INIT( [branding], [0.1], [http://bugzilla.altlinux.ru] )
 PROGRESS_COLOR=`./fetch_color selectBackground` #MIDDLE_COLOR_DEC
 TITLE_COLOR=`./fetch_color handle`
 INACTIVE_COLOR=`./fetch_color inactiveTitleBtnBg`
-LIGHT_COLOR_HEX=FFFFFF
-MIDDLE_COLOR_HEX=8DA6DA
+LIGHT_COLOR_HEX=F5F5F5 #new
+MIDDLE_COLOR_HEX=c1c3cb #new
 DARK_COLOR_HEX=001056
-LIGHT_LABELS_HEX=FFFFFF
-DARK_LABELS_HEX=000000
-MIDDLE_LABELS_HEX=4d4d4f
+LIGHT_LABELS_HEX=FFFFFF #new
+DARK_LABELS_HEX=242a60  #mew
+MIDDLE_LABELS_HEX=666666 #new
+SHADOW_HEX=A6A6A6
 LIGHT_COLOR_DEC=`./color_dec ${LIGHT_COLOR_HEX}`
 MIDDLE_COLOR_DEC=`./color_dec ${MIDDLE_COLOR_HEX}`
 DARK_COLOR_DEC=`./color_dec ${DARK_COLOR_HEX}`