index 7c32a6a845c1b41a295999ec840e1215ba5180bf..f3659248c092b8c93608c78324b97206287c1af7 100644 (file)
/* The body style */
body.setup_body {
/* The body style */
body.setup_body {
+ margin-left:0px;
+ margin-right:0px;
+ margin-top:0px;
+ margin-bottom:0px;
+ color:#00008F;
+ font-family:arial,helvetica,sans-serif;
+ font-size:12px;
+ background-color: white;
background-image: none;
background-image: none;
- background-color: #979797;
- margin: 10px;
}
/* The setup complete setup dialog */
div.setup_dialog {
}
/* The setup complete setup dialog */
div.setup_dialog {
- background-color: #F0F0F0;
- border-right: solid 2px #444444;
- border-bottom: solid 2px #666666;
- border-top: solid 1px #666;
- border-left: solid 1px #666;
+ background-color:#FFF;
text-align: left;
text-align: left;
- width:980px;
}
/* Header col */
div.setup_header {
}
/* Header col */
div.setup_header {
- background-color: #D2F6C2;
- font-size: 2.0em;
- font-weight: bold;
- padding:7px;
+ background-color: #A9FBA6;
+ height:30px;
+ padding:4px 5px 2px 5px;
+ border-bottom: 1px solid #999;
+}
+
+div.setup_menu {
+ background-color: #F8F8F8;
+ padding:4px 5px 4px 5px;
+ border-bottom: 1px solid #B0B0B0;
}
/* Setup content header container */
}
/* Setup content header container */
/* Setup content container */
div.setup_contents_container {
/* Setup content container */
div.setup_contents_container {
- float:left;
}
/* Setup footer */
div.setup_bottom {
clear: left;
background-color:#DDDDDD;
}
/* Setup footer */
div.setup_bottom {
clear: left;
background-color:#DDDDDD;
- border-top: solid 1px #D0D0D0;
+ border-top: solid 1px red;
}
/*******
}
/*******
/* Header col */
div.setup_plug_header {
/* Header col */
div.setup_plug_header {
- margin: 1px;
- padding: 5px;
- border-top: solid 2px #D0D0D0;
- border-bottom: solid 2px #D0D0D0;
- margin-left:202px;
- background-color:#E3E3E3
+ padding: 10px;
+ border-bottom: solid 1px #D0D0D0;
+ background-color: #E0E0F0;
+ border: 10px solid #FFFFFF;
+
}
/* Content col */
div.setup_contents {
}
/* Content col */
div.setup_contents {
- padding: 5px;
- max-height: 400px;
- width:100%;
+ margin-right:2px;
+ background-color:white;
+ width:80%;
+ margin-left:20%;
+ border:1px solid #AAAAAA;
+ padding:2px;
}
/* default.*/
}
/* default.*/
/* Navigation col */
div.setup_navigation {
/* Navigation col */
div.setup_navigation {
- width:200px;
- min-height:300px;
- clear:bottom;
- background-color:#E8E8E8;
- border-right: solid 1px #D0D0D0;
- float:left ;
- padding-left: 2px;;
- padding-right: 2px;;
+ width:19%;
+ background-color:white;
+ padding-left: 2px;
+ padding-right: 2px;
+ border:1px solid #AAAAAA;
+ float:left;
}
/* Navigation title */
div.setup_navigation_title {
}
/* Navigation title */
div.setup_navigation_title {
- font-size: 1.7em;
- background: #D8D8D8 ;
+ font-size: 1.2em;
+ font-weight: bold;
text-decoration:none;
width:100%;
padding-top:8px;
padding-bottom:8px;
text-decoration:none;
width:100%;
padding-top:8px;
padding-bottom:8px;
- border-right: solid 1px #AAAAAA;
- border-bottom: solid 1px #BBBBBB;
+ border-top:1px dashed #AAAAAA;
}
/* The box used for each setup step */
a.navigation_element, div.navigation_element {
}
/* The box used for each setup step */
a.navigation_element, div.navigation_element {
- background: #E8E8E8;
text-decoration:none;
text-decoration:none;
- border-right: solid 1px #AAAAAA;
- border-bottom: solid 1px #BBBBBB;
- float:left;
+ padding-top:8px;
+ padding-bottom:8px;
+ border-top:1px dashed #AAAAAA;
width:100%;
}
/* The box used for each setup step */
a.navigation_element_active, div.navigation_element_active {
width:100%;
}
/* The box used for each setup step */
a.navigation_element_active, div.navigation_element_active {
- background: #E8E8E8;
text-decoration:none;
text-decoration:none;
- float:left;
width:100%;
width:100%;
- border-right: solid 1px #AAAAAA;
- border-bottom: solid 1px #BBBBBB;
+ padding-top:8px;
+ padding-bottom:8px;
+ border-top:1px dashed #AAAAAA;
+ background-color:#F0F0F0;
}
/* An enabled setup step will use this style in navigation*/
div.navigation_title_active {
font-size: 1.2em;
}
/* An enabled setup step will use this style in navigation*/
div.navigation_title_active {
font-size: 1.2em;
+ background-color:#F0F0F0;
font-weight: bold;
font-weight: bold;
- cursor: pointer;
+ cursor: default;
padding: 3px;
}
padding: 3px;
}
div.navigation_info {
font-size: 1em;
color: black;
div.navigation_info {
font-size: 1em;
color: black;
- padding: 4px 4px 3px 10px;
+ padding: 4px 4px 3px 23px;
margin: 0px;
margin: 0px;
- cursor: pointer;
+ cursor: default;
}
}
Setup step 2 styles
*/
Setup step 2 styles
*/
-/* used to hide display info div */
-div.solution_hidden {
- display: none;
-}
-
/* used to hide display info div */
div.solution_visible {
display: block;
/* used to hide display info div */
div.solution_visible {
display: block;
- background-color: orange;
- background-image: url('images/personal.png');
- border: dotted 2px red;
- width: 346px;
+ width: 100%;
text-align:left;
}
/* Container headline */
h2.step2_container_title {
text-align:left;
}
/* Container headline */
h2.step2_container_title {
- background-color:#DDDDDD;
+ background-color:#F0F0F0;
border: solid 1px #CCCCCC;
border: solid 1px #CCCCCC;
+ width:100%;
+ padding:3px;
}
/* Container for name and status */
div.step2_entry_container {
}
/* Container for name and status */
div.step2_entry_container {
- width:350px;
+ padding:3px;
+ width:99%;
cursor:default;
}
/* Container for name and status, when status is failed */
div.step2_entry_container_info {
cursor:default;
}
/* Container for name and status, when status is failed */
div.step2_entry_container_info {
- width:350px;
- background: #DDDDFF;
+ padding:3px;
+ border: 1px dashed #AAAAAA;
+ width:99%;
cursor:default;
}
/* Text shown for each entry */
div.step2_entry_name {
float:left;
cursor:default;
}
/* Text shown for each entry */
div.step2_entry_name {
float:left;
- padding: 2px;
- vertical-align: middle;
+ padding-bottom:4px;
+ vertical-align: middle;
}
/* Status container */
div.step2_entry_status {
float:none;
text-align:right;
}
/* Status container */
div.step2_entry_status {
float:none;
text-align:right;
- padding: 2px;
- vertical-align: middle;
+ padding-bottom:4px;
+ vertical-align: middle;
}
/* Status failed */
div.step2_failed {
color:red;
}
/* Status failed */
div.step2_failed {
color:red;
+ padding-bottom:4px;
}
/* Status failed but not necessary for setup */
div.step2_warning {
}
/* Status failed but not necessary for setup */
div.step2_warning {
- color:blue;
+ color:orange;
+ padding-bottom:4px;
}
/* Status successful */
}
/* Status successful */
/* Text used in info div. */
div.step2_failed_text {
/* Text used in info div. */
div.step2_failed_text {
- background-image: url('images/error.png');
background-repeat: no-repeat;
background-repeat: no-repeat;
- padding-left: 35px;
+ padding-left: 25px;
}
/* Text used in info div. On warnings */
div.step2_warning_text{
}
/* Text used in info div. On warnings */
div.step2_warning_text{
- background-image: url('images/warning.png');
background-repeat: no-repeat;
background-repeat: no-repeat;
- padding-left: 35px;
+ padding-left: 25px;
}
}
*/
li.step4_name, div.step4_name {
*/
li.step4_name, div.step4_name {
- vertical-align: middle;
float:left;
float:left;
- overflow: hidden;
- width:200px;
+ width:20%;
height:2.0em;
height:2.0em;
- background-color: #DDDDDD;
}
li.step4_value, div.step4_value {
float:left;
}
li.step4_value, div.step4_value {
float:left;
- width:360px;
- overflow: hidden;
- vertical-align: middle;
+ width:50%;
height:2.0em;
}
height:2.0em;
}
-li.step4_status, div.step4_status {
- text-align:center;
- vertical-align: middle;
- overflow: hidden;
- height:2.0em;
- text-decoration: none;
- background-color: #DDDDDD;
-}
-
-
ul.step4_container, div.step4_container {
ul.step4_container, div.step4_container {
- background-color: #E7E7E7;
- border: solid 2px #D7D7D7;
- width:680px;
height:2.0em;
margin-top:2px;
height:2.0em;
margin-top:2px;
- overflow: hidden;
margin-left:2px;
margin-right:2px;
margin-left:2px;
margin-right:2px;
- float:left;
}
}
-
-
-
-
-
-
/************************
* Sieve
* The following styles are
/************************
* Sieve
* The following styles are
/* Editing surface menu */
td.editing_surface_menu {
/* Editing surface menu */
td.editing_surface_menu {
- background-color: #CCCCCC;
- border: 1px solid #AAAAAA;
+ background-color: #EEE;
+ border: 1px solid #BBB;
padding:5px;
}
padding:5px;
}
table.object_container_container {
width:100%;
border-spacing: 0px ;
table.object_container_container {
width:100%;
border-spacing: 0px ;
- background-color:#EEEEEE;
+ background-color: #F8F8F8;
border: solid 1px #AAAAAA;
}
/* Container cell top left */
td.object_container_cell_top_left {
border: solid 1px #AAAAAA;
}
/* Container cell top left */
td.object_container_cell_top_left {
- background-color: #DDDDDD;
+ background-color: #EEE;
text-align:center;
}
/* Container cell top right */
td.object_container_cell_top_right {
text-align:center;
}
/* Container cell top right */
td.object_container_cell_top_right {
- background-color: #DDDDDD;
+ background-color: #EEE;
text-align:left;
padding:2px;
border-bottom: solid 1px #AAAAAA;
text-align:left;
padding:2px;
border-bottom: solid 1px #AAAAAA;
/* Container cell bottom left */
td.object_container_cell_bottom_left {
width:5px;
/* Container cell bottom left */
td.object_container_cell_bottom_left {
width:5px;
- background-color: #DDDDDD;
+ background-color: #EEE;
text-align:center;
border-right: solid 1px #AAAAAA;
}
text-align:center;
border-right: solid 1px #AAAAAA;
}
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
}
textarea.sieve_reject_input {
width:100%;
}
textarea.sieve_reject_input {
width:100%;
- height:30px;
+ height:55px;
}
}
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
padding:0px;
border-spacing: 0px ;
width:100%;
padding:0px;
border-spacing: 0px ;
width:100%;
- background-color: #EEEEEE;
+ background-color: #F8F8F8;
}
/* Editing area */
}
/* Editing area */
/* Editing area */
textarea.sieve_vacation_input {
width:100%;
/* Editing area */
textarea.sieve_vacation_input {
width:100%;
- height : 45px;
+ height : 55px;
}
}
vertical-align: middle;
width:35px;
background-color: #CCCCCC;
vertical-align: middle;
width:35px;
background-color: #CCCCCC;
- border: solid 0px #EEEEEE
+ border: solid 0px #EEE;
}
/* Container */
}
/* Container */
table.sieve_test_container {
width:100%;
table.sieve_test_container {
width:100%;
- background-color:#EEEEEE;
+ background-color:#F8F8F8;
margin: 0px;
border-spacing: 0px ;
padding:0px;
margin: 0px;
border-spacing: 0px ;
padding:0px;
td.container_, div.container_{
padding-left:2px;
td.container_, div.container_{
padding-left:2px;
+ border-left: solid 2px #F8F8F8;
}
td.container_:hover,div.container_:hover {
}
td.container_:hover,div.container_:hover {
- background-color: #777777;
+ border-left: solid 2px black;
display:block;
display:block;
- width:100%;
}
}