Commit 5fa2e84d authored by Alexandra Panyukova's avatar Alexandra Panyukova

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

parent 37eee4c8
components/ahttpd/images/clock-face.png

19.5 KB | W: | H:

components/ahttpd/images/clock-face.png

29.4 KB | W: | H:

components/ahttpd/images/clock-face.png
components/ahttpd/images/clock-face.png
components/ahttpd/images/clock-face.png
components/ahttpd/images/clock-face.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
body { body {
background-color: #@MIDDLE_COLOR_HEX@; background-color: #@MIDDLE_COLOR_HEX@;
color: #@MIDDLE_LABELS_HEX@; color: #666666;/*#@MIDDLE_LABELS_HEX@; */
margin: 0px; margin: 0px;
padding: 10px; padding: 10px;
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
...@@ -10,20 +10,27 @@ body { ...@@ -10,20 +10,27 @@ body {
} }
a { a {
color: #@MIDDLE_LABELS_HEX@; color: #@DARK_LABELS_HEX@;
font-weight: bold; font-weight: bold;
} }
table { table {
font-size: 9pt; font-size: 9pt;
border-color: #@MIDDLE_LABELS_HEX@; border-color: #@MIDDLE_COLOR_HEX@;
border-collapse: collapse; border-collapse: collapse;
-moz-border-radius: 0.7em;
-webkit-border-radius: 0.7em;
-khtml-border-radius: 0.7em;
border-radius: 0.7em;
} }
th { th {
padding: 0px 7px 3px 0px; padding: 0px 7px 3px 0px;
} }
/*tr:nth-child(even) {background: #eaecf2}
tr:nth-child(odd) {background: #FFF}*/
tr { tr {
vertical-align: top; vertical-align: top;
} }
...@@ -46,16 +53,31 @@ textarea, select, input.text { ...@@ -46,16 +53,31 @@ textarea, select, input.text {
} }
.btn, button { .btn, button {
background-color: #@MIDDLE_COLOR_HEX@; background-image: url(/design/images/button-active.png);
color: #@MIDDLE_LABELS_HEX@; background-repeat:repeat-x;
border: 1px solid #@MIDDLE_LABELS_HEX@; 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; cursor: pointer;
font-size: 9pt; 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 { .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 { .box {
...@@ -63,15 +85,21 @@ textarea, select, input.text { ...@@ -63,15 +85,21 @@ textarea, select, input.text {
width: 780px; width: 780px;
margin-top: 10px; margin-top: 10px;
background: #FFFFFF; /* padding: 0.2em;
padding: 0.2em;
padding-right: 2mm; padding-right: 2mm;
padding-top: 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 { .disabled {
color: #@DARK_COLOR_HEX@; color: #@DARK_COLOR_HEX@;
} }
...@@ -88,7 +116,7 @@ textarea, select, input.text { ...@@ -88,7 +116,7 @@ textarea, select, input.text {
background-color: #@MIDDLE_LABELS_HEX@; background-color: #@MIDDLE_LABELS_HEX@;
height: 20px; height: 20px;
} }
*/
.next-page-button,.prev-page-button,.first-page-button,.last-page-button { .next-page-button,.prev-page-button,.first-page-button,.last-page-button {
width: 25px; width: 25px;
height: 20px; height: 20px;
...@@ -163,8 +191,8 @@ canvas.alterator-clock { ...@@ -163,8 +191,8 @@ canvas.alterator-clock {
/* calendar and dateedit */ /* calendar and dateedit */
.year { .year {
font-weight: bold; /*font-weight: bold; */
background-color: #@LIGHT_COLOR_HEX@; /*background-color: #@LIGHT_COLOR_HEX@;*/
} }
.week { .week {
...@@ -174,16 +202,17 @@ canvas.alterator-clock { ...@@ -174,16 +202,17 @@ canvas.alterator-clock {
} }
.today { .today {
border-style:solid; border: 1px solid #@DARK_LABELS_HEX@;
border-width:1px;
background-color: pink;
cursor: pointer; cursor: pointer;
background-image: url(/design/images/button-passive.png);
background-repeat:repeat-x;
color: #FFFFFF;
} }
.day { .day {
border-style:solid; border-style:solid;
border-width:1px; border-width:1px;
background-color: #@LIGHT_COLOR_HEX@; background-color: #@LIGHT_LABELS_HEX@;
cursor: pointer; cursor: pointer;
} }
...@@ -194,9 +223,15 @@ canvas.alterator-clock { ...@@ -194,9 +223,15 @@ canvas.alterator-clock {
.alterator-dateedit-calendar table { .alterator-dateedit-calendar table {
width: 100%; width: 100%;
text-align: center; 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-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 { .alterator-dateedit-calendar td {
...@@ -214,51 +249,80 @@ canvas.alterator-clock { ...@@ -214,51 +249,80 @@ canvas.alterator-clock {
/* main menu */ /* main menu */
#menu-td { #menu-td {
padding-right: 12px; padding-right: 10px;
} padding-top: 10px;}
#main { #main {
padding: 10px 20px; 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 { #main-td {
background-color: #ffffff;
width: 100%; width: 100%;
/*border: 1px solid #056560;;*/ padding-top: 10px;
-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;
} }
.menu-item-normal a { .menu-item-normal a {
font-weight: normal; font-weight: normal;
padding-left: 5px;
padding-right: 5px;
text-decoration: none; text-decoration: none;
color: #@DARK_LABELS_HEX@;
} }
.menu-item-selected a { .menu-item-selected a {
font-weight: bold; font-weight: bold;
padding-left: 5px; text-decoration: none;
padding-right: 5px; color: #@DARK_LABELS_HEX@;
padding-top: 10px;
margin-top: 10px;
width: 200px;
} }
.menu-group-name { .menu-item-normal {
padding-left: 5px; padding-left: 20px;
padding-right: 5px; width: 100%;
color: #fff; padding-right: 4px;
text-decoration: none; margin-top: 3px;
/*background-color:#baeaea;*/ 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; padding-top: 3px;
background: url(/design/images/gradient.png) 0% 0% repeat-x; padding-bottom: 3px;
font-weight: bold; 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 { .menu-group {
padding-bottom: 5px; padding-bottom: 5px;
/*width:250px;*/ /*width:250px;*/
...@@ -266,7 +330,7 @@ canvas.alterator-clock { ...@@ -266,7 +330,7 @@ canvas.alterator-clock {
border-collapse: collapse; border-collapse: collapse;
background: url(/design/images/gradient-menu.png) 0% 0% repeat-x; background: url(/design/images/gradient-menu.png) 0% 0% repeat-x;
} }
*/
/* tables */ /* tables */
...@@ -431,8 +495,8 @@ div.alterator-accordion h3.ui-state-active { ...@@ -431,8 +495,8 @@ div.alterator-accordion h3.ui-state-active {
} }
.ui-corner-all { .ui-corner-all {
-moz-border-radius: 4px; -moz-border-radius: 0.7em;
-webkit-border-radius: 4px; -webkit-border-radius: 0.7em;
} }
/* overlays */ /* overlays */
......
...@@ -4,12 +4,13 @@ AC_INIT( [branding], [0.1], [http://bugzilla.altlinux.ru] ) ...@@ -4,12 +4,13 @@ AC_INIT( [branding], [0.1], [http://bugzilla.altlinux.ru] )
PROGRESS_COLOR=`./fetch_color selectBackground` #MIDDLE_COLOR_DEC PROGRESS_COLOR=`./fetch_color selectBackground` #MIDDLE_COLOR_DEC
TITLE_COLOR=`./fetch_color handle` TITLE_COLOR=`./fetch_color handle`
INACTIVE_COLOR=`./fetch_color inactiveTitleBtnBg` INACTIVE_COLOR=`./fetch_color inactiveTitleBtnBg`
LIGHT_COLOR_HEX=FFFFFF LIGHT_COLOR_HEX=F5F5F5 #new
MIDDLE_COLOR_HEX=8DA6DA MIDDLE_COLOR_HEX=c1c3cb #new
DARK_COLOR_HEX=001056 DARK_COLOR_HEX=001056
LIGHT_LABELS_HEX=FFFFFF LIGHT_LABELS_HEX=FFFFFF #new
DARK_LABELS_HEX=000000 DARK_LABELS_HEX=242a60 #mew
MIDDLE_LABELS_HEX=4d4d4f MIDDLE_LABELS_HEX=666666 #new
SHADOW_HEX=A6A6A6
LIGHT_COLOR_DEC=`./color_dec ${LIGHT_COLOR_HEX}` LIGHT_COLOR_DEC=`./color_dec ${LIGHT_COLOR_HEX}`
MIDDLE_COLOR_DEC=`./color_dec ${MIDDLE_COLOR_HEX}` MIDDLE_COLOR_DEC=`./color_dec ${MIDDLE_COLOR_HEX}`
DARK_COLOR_DEC=`./color_dec ${DARK_COLOR_HEX}` DARK_COLOR_DEC=`./color_dec ${DARK_COLOR_HEX}`
......
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