Skip to content

B
branding-etersoft-ximper
Commit a3fb5b7a authored by Alexandra Panyukova's avatar Alexandra Panyukova
Browse files
Options

new design for web for centaurus

parent 5fa2e84d
Show whitespace changes
Inline Side-by-side
Showing with 182 additions and 93 deletions
components/ahttpd/styles/alterator.css.in
View file @ a3fb5b7a
/* basic elements and widgets */ /* basic elements and widgets */
body { body {
background-color: #@MIDDLE_COLOR_HEX@; background-color: #@LIGHT_COLOR_HEX@;
color: #666666;/*#@MIDDLE_LABELS_HEX@; */ color: #@DARK_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;
...@@ -17,11 +17,8 @@ a { ...@@ -17,11 +17,8 @@ a {
table { table {
font-size: 9pt; font-size: 9pt;
border-color: #@MIDDLE_COLOR_HEX@; border-color: #@MIDDLE_COLOR_HEX@;
border-collapse: collapse; border-spacing: 0px;
-moz-border-radius: 0.7em; /* border-collapse: collapse;*/
-webkit-border-radius: 0.7em;
-khtml-border-radius: 0.7em;
border-radius: 0.7em;
} }
th { th {
...@@ -37,19 +34,46 @@ tr { ...@@ -37,19 +34,46 @@ tr {
hr { hr {
border: none; border: none;
border-top: 1px solid #@MIDDLE_LABELS_HEX@;; border-top: 1px solid #415E6F;;
} }
h1 { h1 {
text-align: center; text-align: center;
margin: 0px; margin: 0px;
color: #@DARK_LABELS_HEX@;
}
h2 {
color: #@DARK_LABELS_HEX@;
} }
h3 {
color: #@DARK_LABELS_HEX@;
}
textarea, select, input.text { textarea, select, input.text {
border: 1px solid #@MIDDLE_LABELS_HEX@;
/*border: 1px solid #e2e6eb; #MIDDLE_LABELS_HEX@;*/ /*FIX NEEDED!!!!!*/
font-size: 8pt; font-size: 8pt;
margin: 1px 3px 1px 0px; margin: 1px 3px 1px 0px;
padding: 1px 3px; padding: 1px 3px;
border-color: #c1c3cb;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-khtml-border-radius: 0.3em;
border-radius: 0.3em;
background-color: #eaecf2;
}
input.text[disabled], select[disabled]{
background-color: #e2e6eb;
}
.disabled{
color:#@MIDDLE_LABELS_HEX@;
} }
.btn, button { .btn, button {
...@@ -67,17 +91,18 @@ textarea, select, input.text { ...@@ -67,17 +91,18 @@ textarea, select, input.text {
font-size: 9pt; font-size: 9pt;
padding: 2.5px 10px; padding: 2.5px 10px;
-moz-box-shadow: 5px 5px 6px #a6a6a6; -moz-box-shadow: 5px 5px 6px #a6a6a6;
-webkit-box-shadow: 5px 5px 6px #a6a6a6; -webkit-box-shadow: 5px 5px 6px #a6a6a6;
box-shadow: 5px 5px 6px #a6a6a6; box-shadow: 5px 5px 6px #a6a6a6;
} }
.btn:hover, button:hover { .btn:hover, button:hover {
background-image: url(/design/images/button-passive.png); background-image: url(/design/images/button-passive.png);
background-repeat:repeat-x; background-repeat:repeat-x;
color: #@LIGHT_LABELS_HEX@@; color: #@LIGHT_LABELS_HEX@;
border: 1px solid #@DARK_LABELS_HEX@; border: 1px solid #@DARK_LABELS_HEX@;
} }
.box { .box {
...@@ -85,38 +110,13 @@ textarea, select, input.text { ...@@ -85,38 +110,13 @@ textarea, select, input.text {
width: 780px; width: 780px;
margin-top: 10px; margin-top: 10px;
/* padding: 0.2em;
padding-right: 2mm;
padding-top: 2mm;
padding-bottom: 2mm;*/
/* border: 1px solid #@MIDDLE_COLOR_HEX@;*/
padding: 10px 20px; padding: 10px 20px;
padding-top: 10px; padding-top: 10px;
background-color: #cfd4e3; background-color: #cfd4e3;
border: 1px solid #a6a6a6; border: 1px solid #@SHADOW_HEX@;
}
/* CHECK NEEDED!
.disabled {
color: #@DARK_COLOR_HEX@;
} }
.alterator-progress {
border: 1px solid #@MIDDLE_LABELS_HEX@;
height: 20px;
width: 200px;
padding: 2px;
background-color: #@LIGHT_LABELS_HEX@;
}
.alterator-progress div {
background-color: #@MIDDLE_LABELS_HEX@;
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;
...@@ -191,8 +191,16 @@ canvas.alterator-clock { ...@@ -191,8 +191,16 @@ canvas.alterator-clock {
/* calendar and dateedit */ /* calendar and dateedit */
.year { .year {
/*font-weight: bold; */ font-weight: bold;
/*background-color: #@LIGHT_COLOR_HEX@;*/ color:#@DARK_LABELS_HEX@;
font-size:10pt;
/*background-color: #F4F8F9;*/
}
.month {
font-weight:bold;
color:#@DARK_LABELS_HEX@;
font-size:10pt;
} }
.week { .week {
...@@ -204,9 +212,11 @@ canvas.alterator-clock { ...@@ -204,9 +212,11 @@ canvas.alterator-clock {
.today { .today {
border: 1px solid #@DARK_LABELS_HEX@; border: 1px solid #@DARK_LABELS_HEX@;
cursor: pointer; cursor: pointer;
background-image: url(/design/images/button-passive.png); background-image: url(/design/images/button-passive.png);
background-repeat:repeat-x; background-repeat:repeat-x;
color: #FFFFFF; color: #FFFFFF;
} }
.day { .day {
...@@ -225,9 +235,25 @@ canvas.alterator-clock { ...@@ -225,9 +235,25 @@ canvas.alterator-clock {
text-align: center; text-align: center;
background-image: url(/design/images/table-header.png); background-image: url(/design/images/table-header.png);
background-repeat:repeat-x; background-repeat:repeat-x;
/*background-color: #@LIGHT_COLOR_HEX@;
border-style: solid; -webkit-border-top-left-radius: 0.7em;
border-width: 1px;*/ -webkit-border-top-right-radius: 0.7em;
-moz-border-radius-topleft: 0.7em;
-moz-border-radius-topright: 0.7em;
border-top-left-radius: 0.7em;
border-top-right-radius: 0.7em;
/*border-width: 2px;
border-style: solid;
border-color: #242a60;*/
border-collapse: collapse;
/*
-moz-border-radius-topright: 0.7em;
-webkit-border-top-right-radius: 0.7em;
-khtml-border-radius-topright: 0.7em;
border-top-right-radius: 0.7em;
-webkit-border-top-right-radius: 4px;
*/
-moz-box-shadow: 0 0 8px 0.2em #a6a6a6; -moz-box-shadow: 0 0 8px 0.2em #a6a6a6;
-webkit-box-shadow: 0 0 8px 0.2em #a6a6a6; -webkit-box-shadow: 0 0 8px 0.2em #a6a6a6;
...@@ -241,27 +267,33 @@ canvas.alterator-clock { ...@@ -241,27 +267,33 @@ canvas.alterator-clock {
.alterator-dateedit-button { .alterator-dateedit-button {
vertical-align:middle; vertical-align:middle;
cursor:pointer; cursor:pointer;
background: url(/design/images/dateedit.png) no-repeat;
width: 15px; width: 15px;
height: 16px; height: 16px;
} }
/* main menu */ /* main menu */
#menu-td { #main, #box {
padding-right: 10px;
padding-top: 10px;}
#main {
padding: 10px 20px; padding: 10px 20px;
padding-top: 10px; padding-top: 10px;
background-color: #cfd4e3; background-color: #cfd4e3;
border: 1px solid #c1c3cb; border: 1px solid #@MIDDLE_COLOR_HEX@;
}
#main-td {
width: 100%;
padding-top: 10px;
}
#menu-td {
padding-right: 10px;
padding-top: 10px;
} }
#menu { #menu {
padding: 10px; /*padding: 10px;*/
background-color: white; background-color: white;
border: 1px solid #c1c3cb; border: 1px solid #c1c3cb;
-moz-border-radius: 7px; -moz-border-radius: 7px;
...@@ -270,11 +302,6 @@ canvas.alterator-clock { ...@@ -270,11 +302,6 @@ canvas.alterator-clock {
border-radius: 7px; border-radius: 7px;
} }
#main-td {
width: 100%;
padding-top: 10px;
}
.menu-item-normal a { .menu-item-normal a {
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
...@@ -322,15 +349,6 @@ canvas.alterator-clock { ...@@ -322,15 +349,6 @@ canvas.alterator-clock {
padding-left: 10px; padding-left: 10px;
margin: 10px; margin: 10px;
} }
/*
.menu-group {
padding-bottom: 5px;
/*width:250px;*/
padding-top: 5px;
border-collapse: collapse;
background: url(/design/images/gradient-menu.png) 0% 0% repeat-x;
}
*/
/* tables */ /* tables */
...@@ -340,14 +358,35 @@ table.alterator-listbox { ...@@ -340,14 +358,35 @@ table.alterator-listbox {
font-size: 8pt; font-size: 8pt;
width: 100%; width: 100%;
text-align: left; text-align: left;
border: solid 1px; /* border: solid 1px;*/
-webkit-border-top-left-radius: 0.7em;
-webkit-border-top-right-radius: 0.7em;
-moz-border-radius-topleft: 0.7em;
-moz-border-radius-topright: 0.7em;
border-top-left-radius: 0.7em;
border-top-right-radius: 0.7em;
border-style:solid;
border-color:#242a60;
border-width: 1px;
border-spacing:0px;
background-image: url(/design/images/table-header.png);
background-repeat:repeat-x;
} }
table.alterator-listbox thead tr th, table.alterator-listbox tfoot tr th { table.alterator-listbox thead tr th, table.alterator-listbox tfoot tr th {
background-color: #@MIDDLE_COLOR_HEX@;
/*border-collapse: separate;
border: solid 1px; border: solid 1px;
border-right-color:#242a60;
border-right: 1px solid #242a60;*/
font-size: 8pt; font-size: 8pt;
margin: 0px;
padding: 4px; padding: 4px;
color: #@DARK_LABELS_HEX@;
} }
table.alterator-listbox thead tr .header { table.alterator-listbox thead tr .header {
...@@ -356,24 +395,30 @@ table.alterator-listbox thead tr .header { ...@@ -356,24 +395,30 @@ table.alterator-listbox thead tr .header {
background-position: center right; background-position: center right;
cursor: pointer; cursor: pointer;
padding-right: 24px; padding-right: 24px;
border-right: #@MIDDLE_COLOR_HEX@ solid 1px;
} }
table.alterator-listbox tbody td { table.alterator-listbox tbody td {
color: #@DARK_COLOR_HEX@; color: #@DARK_COLOR_HEX@;
padding: 4px; padding: 4px;
background-color: #FFF; background-color: #@LIGHT_LABELS_HEX@;
vertical-align: top; vertical-align: top;
border-left: solid 1px; /*border-left: solid 1px;
border-right: solid 1px; border-right: solid 1px;
border:none;*/
border-right: #@MIDDLE_COLOR_HEX@ solid 1px;
} }
table.alterator-listbox tbody tr.odd td { table.alterator-listbox tbody tr.odd td {
background-color:#@LIGHT_COLOR_HEX@; background-color:#eaecf2;
/*border:none;*/
} }
table.alterator-listbox tbody tr.selected td, table.alterator-listbox tbody tr.odd.selected td { table.alterator-listbox tbody tr.selected td, table.alterator-listbox tbody tr.odd.selected td {
background-color: #D0E1FF; background-color: #D0E1FF;
border-top: #ffffff solid 1px; /*border-top: #ffffff solid 1px; WTF??*/
} }
table.alterator-listbox tbody tr.error td { table.alterator-listbox tbody tr.error td {
...@@ -403,13 +448,40 @@ table.alterator-listbox thead tr .headerSortDown { ...@@ -403,13 +448,40 @@ table.alterator-listbox thead tr .headerSortDown {
} }
table.alterator-listbox thead tr .headerSortDown, table.alterator-listbox thead tr .headerSortUp { table.alterator-listbox thead tr .headerSortDown, table.alterator-listbox thead tr .headerSortUp {
background-color: #@LIGHT_COLOR_HEX@; background-color: #@LIGHT_LABELS_HEX@;
}
/* states */
.ui-state-disabled {
cursor: default !important;
color: #c3c7cb;
background-color: #e2e6eb;
}
.btn.ui-state-disabled {
color: #415E6F;
background-color: #E2E6EB;
}
.btn.ui-state-disabled:hover {
background-color: #E2E6EB;
}
/* progressbar */
.ui-progressbar {
height:20px;
text-align: left;
}
.ui-progressbar .ui-progressbar-value {
height:100%;
} }
/* accordion */ /* accordion */
div.alterator-accordion h3 { div.alterator-accordion h3 {
background-color: #@MIDDLE_COLOR_HEX@; background-color: #eaecf2;
font-size: 9pt; font-size: 9pt;
padding-top: 3px; padding-top: 3px;
...@@ -436,11 +508,11 @@ div.alterator-accordion h3.ui-state-active { ...@@ -436,11 +508,11 @@ div.alterator-accordion h3.ui-state-active {
width: 100%; width: 100%;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
background:#@MIDDLE_COLOR_HEX@ url(/design/images/hgrabber.gif) no-repeat scroll 45%; background:#E2E6EB url(/design/images/hgrabber.gif) no-repeat scroll 45%;
} }
.ui-resizable-s:hover { .ui-resizable-s:hover {
background-color: #@DARK_COLOR_HEX@; background-color: #1B3664;
} }
...@@ -495,8 +567,8 @@ div.alterator-accordion h3.ui-state-active { ...@@ -495,8 +567,8 @@ div.alterator-accordion h3.ui-state-active {
} }
.ui-corner-all { .ui-corner-all {
-moz-border-radius: 0.7em; -moz-border-radius: 0.8em;
-webkit-border-radius: 0.7em; -webkit-border-radius: 0.8em;
} }
/* overlays */ /* overlays */
...@@ -515,15 +587,13 @@ div.alterator-accordion h3.ui-state-active { ...@@ -515,15 +587,13 @@ div.alterator-accordion h3.ui-state-active {
/* dialog */ /* dialog */
.ui-widget-content { .ui-widget-content {
border: 1px solid #aaaaaa; background-color: #@LIGHT_LABELS_HEX@;
background: #ffffff; border: 1px solid #@MIDDLE_COLOR_HEX@;
color: #222222
} }
.ui-widget-header { .ui-widget-header {
border: 1px solid #aaaaaa; color: #EAEDEF;
background: url(/design/images/gradient.png) 0% 0% repeat-x; background-color: #@MIDDLE_COLOR_HEX@;
color: #ffffff;
font-weight: bold; font-weight: bold;
} }
...@@ -589,7 +659,15 @@ div.alterator-accordion h3.ui-state-active { ...@@ -589,7 +659,15 @@ div.alterator-accordion h3.ui-state-active {
/* help button */ /* help button */
.ui-help-button { .ui-help-button {
background-color: #@LIGHT_COLOR_HEX@; background-color: #@LIGHT_LABELS_HEX@;
margin-bottom: 10px;
padding-top: 7px;
border: 1px solid #c1c3cb;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
} }
.ui-help-button-content { .ui-help-button-content {
...@@ -601,15 +679,19 @@ div.alterator-accordion h3.ui-state-active { ...@@ -601,15 +679,19 @@ div.alterator-accordion h3.ui-state-active {
#top { #top {
text-align:left; text-align:left;
background: url(/design/images/gradient-top.png) 0% 0% repeat-x; background: url(/design/images/header-gradient.png) repeat-x;
padding: 0.25em;
padding: 0em;
margin-bottom: 0px;
} }
#product-logo { #product-logo {
background: url(/design/images/product-logo.png) no-repeat; background: url(/design/images/product-logo.png) no-repeat;
width: 275px; width: 521px;
height: 30px; height: 58px;
border: 0px; border: 0px;
padding: 0px;
margin: 0px;
} }
#title { #title {
...@@ -617,6 +699,7 @@ div.alterator-accordion h3.ui-state-active { ...@@ -617,6 +699,7 @@ div.alterator-accordion h3.ui-state-active {
padding-right: 1em; padding-right: 1em;
text-align: left; text-align: left;
color: #@DARK_LABELS_HEX@;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
font-size:large; font-size:large;
...@@ -630,8 +713,8 @@ div.alterator-accordion h3.ui-state-active { ...@@ -630,8 +713,8 @@ div.alterator-accordion h3.ui-state-active {
/* deprecated */ /* deprecated */
.error-message { .error-message {
background-color: #FFCACA; background-color: #efc9d3;
border: 1px solid #FF6060; border: 1px solid #f81751;
padding-left:10px; padding-left:10px;
padding-right:10px; padding-right:10px;
margin-bottom:10px; margin-bottom:10px;
...@@ -639,17 +722,23 @@ div.alterator-accordion h3.ui-state-active { ...@@ -639,17 +722,23 @@ div.alterator-accordion h3.ui-state-active {
#help-popup { #help-popup {
padding-left: 10px; padding-left: 10px;
width: 95%; padding-right: -30px;
background-color: #@LIGHT_COLOR_HEX@; background-color: #@LIGHT_LABELS_HEX@;
border: 1px solid #c1c3cb;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-khtml-border-radius: 0.5em;
border-radius: 0.5em;
} }
.hresizeable { .hresizeable {
width: 100%; width: 100%;
height: 7px; height: 7px;
background:#@MIDDLE_COLOR_HEX@ url(/design/images/hgrabber.gif) no-repeat scroll 45%; background:#@DARK_COLOR_HEX@ url(/design/images/hgrabber.gif) no-repeat scroll 45%;
cursor: s-resize; cursor: s-resize;
} }
.hresizeable:hover { .hresizeable:hover {
background-color: #@DARK_COLOR_HEX@; background-color: #@MIDDLE_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