![[tokkee]](http://tokkee.org/images/avatar.png){kind=avatar}
index 7b38f5cbb470e46ad86c32902f42f009b38431ef..f3659248c092b8c93608c78324b97206287c1af7 100644 (file)
/* 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-color: #979797;
- margin: 4px;
}
/* The setup complete setup dialog */
div.setup_dialog {
- background-color: #F0F0F0;
- width:100%;
- float: left;
+ background-color:#FFF;
+ text-align: left;
}
-/* Navigation col */
-div.setup_navigation {
- background-color: #F0F0F0;
- width: 200px;
- float: left;
+/* Header col */
+div.setup_header {
+ 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 */
+div.setup_plug_header_container {
+}
+
+/* Setup content container */
+div.setup_contents_container {
+}
+
+/* Setup footer */
+div.setup_bottom {
clear: left;
+ background-color:#DDDDDD;
+ border-top: solid 1px red;
}
+/*******
+<div.setup_header_and_content_container_1>
+ <div.setup_header_and_content_container_2>
+ <div.setup_plug_header>
+ </div>
+ <div.setup_content>
+ </div>
+ </div>
+</div>
+********/
+
/* Header col */
-div.setup_header {
- width:100%;
- background-color: #559955;
- border: solid 5px #77BB77;
- height: 50px;
+div.setup_plug_header {
+ padding: 10px;
+ border-bottom: solid 1px #D0D0D0;
+ background-color: #E0E0F0;
+ border: 10px solid #FFFFFF;
+
}
-/* Step header col */
-div.setup_plug_header {
- background-color: #F0F0F0;
- height: 40px;
+/* Content col */
+div.setup_contents {
+ margin-right:2px;
+ background-color:white;
+ width:80%;
+ margin-left:20%;
+ border:1px solid #AAAAAA;
+ padding:2px;
+}
+
+/* default.*/
+div.default {
+ padding: 2px;
+ vertical-align: middle;
}
-/* content col */
-div.setup_content {
- background-color: #F0F0F0;
+/* Navigation col */
+div.setup_navigation {
+ width:19%;
+ background-color:white;
+ padding-left: 2px;
+ padding-right: 2px;
+ border:1px solid #AAAAAA;
+ float:left;
+}
+
+
+/* Navigation title */
+div.setup_navigation_title {
+ font-size: 1.2em;
+ font-weight: bold;
+ text-decoration:none;
+ width:100%;
+ padding-top:8px;
+ padding-bottom:8px;
+ border-top:1px dashed #AAAAAA;
}
/* The box used for each setup step */
a.navigation_element, div.navigation_element {
- float: left;
- clear: left;
- background: #F7F7F7 ;
text-decoration:none;
+ padding-top:8px;
+ padding-bottom:8px;
+ border-top:1px dashed #AAAAAA;
width:100%;
- margin-bottom: 1px;
}
/* The box used for each setup step */
a.navigation_element_active, div.navigation_element_active {
- float: left;
- clear: left;
- position: relative;
- background: #F7F7F7 ;
text-decoration:none;
width:100%;
+ 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: 2em;
- cursor: pointer;
+ font-size: 1.2em;
+ background-color:#F0F0F0;
+ font-weight: bold;
+ cursor: default;
+ padding: 3px;
}
/* Disabled setup steps */
div.navigation_title_disabled {
- font-size: 2em;
- color: #DDDDDD;
+ font-size: 1.2em;
+ font-weight: bold;
+ padding: 3px;
+ cursor: default;
+ text-decoration:none;
+ color: #AAAAAA;
}
/* Disabled setup steps */
div.navigation_title_inactive {
- font-family: Arial;
- font-size: 2em;
+ font-size: 1.2em;
+ font-weight: bold;
+ text-decoration:none;
+ cursor: pointer;
+ padding: 3px;
}
/* The style for the info of an active setup */
div.navigation_info {
font-size: 1em;
color: black;
- padding: 4px 4px 3px 10px;
+ padding: 4px 4px 3px 23px;
margin: 0px;
- cursor: pointer;
+ cursor: default;
+}
+
+
+
+/*
+ Setup step 2 styles
+*/
+
+/* used to hide display info div */
+div.solution_visible {
+ display: block;
+ width: 100%;
+ text-align:left;
+}
+
+/* Container headline */
+h2.step2_container_title {
+ background-color:#F0F0F0;
+ border: solid 1px #CCCCCC;
+ width:100%;
+ padding:3px;
+}
+
+/* Container for name and status */
+div.step2_entry_container {
+ padding:3px;
+ width:99%;
+ cursor:default;
+}
+
+/* Container for name and status, when status is failed */
+div.step2_entry_container_info {
+ padding:3px;
+ border: 1px dashed #AAAAAA;
+ width:99%;
+ cursor:default;
+}
+
+/* Text shown for each entry */
+div.step2_entry_name {
+ float:left;
+ padding-bottom:4px;
+ vertical-align: middle;
}
+/* Status container */
+div.step2_entry_status {
+ float:none;
+ text-align:right;
+ padding-bottom:4px;
+ vertical-align: middle;
+}
+
+/* Status failed */
+div.step2_failed {
+ color:red;
+ padding-bottom:4px;
+}
+
+/* Status failed but not necessary for setup */
+div.step2_warning {
+ color:orange;
+ padding-bottom:4px;
+}
+
+/* Status successful */
+div.step2_successful {
+ color:green;
+}
+
+/* Text used in info div. */
+div.step2_failed_text {
+ background-repeat: no-repeat;
+ padding-left: 25px;
+}
+
+/* Text used in info div. On warnings */
+div.step2_warning_text{
+ background-repeat: no-repeat;
+ padding-left: 25px;
+}
+
+
+/*
+ Setup step 4 styles
+*/
+
+li.step4_name, div.step4_name {
+ float:left;
+ width:20%;
+ height:2.0em;
+}
+
+li.step4_value, div.step4_value {
+ float:left;
+ width:50%;
+ height:2.0em;
+}
+
+ul.step4_container, div.step4_container {
+ height:2.0em;
+ margin-top:2px;
+ margin-left:2px;
+ margin-right:2px;
+}
+
+
+/************************
+ * Sieve
+ * The following styles are
+ * used to display the sieve
+ * management user interface
+ ************************/
+
+/* Editing dialog styles
+ */
+
+table.sieve_default_table {
+ width:100%;
+ margin: 0px;
+ border-spacing: 0px ;
+ padding:0px;
+}
+
+
+/* Editing surface */
+table.editing_surface {
+ width:100%;
+ margin: 0px;
+ padding:0px;
+}
+
+/* Editing surface menu */
+td.editing_surface_menu {
+ background-color: #EEE;
+ border: 1px solid #BBB;
+ padding:5px;
+}
+
+/* Editing surface content */
+td.editing_surface_content {
+ background-color: #FFFFFF;
+ margin: 0px;
+ padding:0px;
+}
+
+/* Error message will be displayed as follows */
+div.sieve_error_msgs {
+ background-color: #ff8d00;
+ color: #000000;
+ padding:5px;
+ background-image: url("images/warning.png");
+ background-repeat: no-repeat;
+ font-weight: bold;
+}
+
+/* Source editing area */
+textarea.editing_source {
+ width:100%;
+ height:330px;
+}
+
+
+/*************
+ * Object container
+ *************/
+
+/* The container itself */
+table.object_container_container {
+ width:100%;
+ border-spacing: 0px ;
+ background-color: #F8F8F8;
+ border: solid 1px #AAAAAA;
+}
+
+/* Container cell top left */
+td.object_container_cell_top_left {
+ background-color: #EEE;
+ text-align:center;
+}
+
+/* Container cell top right */
+td.object_container_cell_top_right {
+ background-color: #EEE;
+ text-align:left;
+ padding:2px;
+ border-bottom: solid 1px #AAAAAA;
+}
+
+/* Container cell bottom left */
+td.object_container_cell_bottom_left {
+ width:5px;
+ background-color: #EEE;
+ text-align:center;
+ border-right: solid 1px #AAAAAA;
+}
+
+
+/*************
+ * Sieve comment
+ *************/
+
+/* Container */
+table.sieve_comment_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+textarea.sieve_comment_area {
+ width:100%;
+ height:80px;
+}
+
+
+/*************
+ * Sieve require
+ *************/
+
+/* Container */
+table.sieve_require_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+input.sieve_require_input {
+ width:100%;
+ border-spacing: 0px ;
+}
+
+
+/*************
+ * Sieve fileinto
+ *************/
+
+/* Container */
+table.sieve_fileinto_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+input.sieve_fileinto_input {
+ width:300px;
+}
+select.sieve_fileinto_input {
+ width:300px;
+}
+
+
+/*************
+ * Sieve keep
+ *************/
+
+/* Container */
+table.sieve_keep_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_keep_input {
+ padding-left:20px;
+}
+
+
+/*************
+ * Sieve discard
+ *************/
+
+/* Container */
+table.sieve_discard_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_discard_input {
+ padding-left:20px;
+}
+
+
+/*************
+ * Sieve redirect
+ *************/
+
+/* Container */
+table.sieve_redirect_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_redirect_input {
+ padding-left:20px;
+}
+textarea.sieve_redirect_input {
+ width:100%;
+ height:30px;
+}
+
+
+/*************
+ * Sieve reject
+ *************/
+
+/* Container */
+table.sieve_reject_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_reject_input {
+ padding-left:20px;
+}
+textarea.sieve_reject_input {
+ width:100%;
+ height:55px;
+}
+
+
+/*************
+ * Sieve end
+ *************/
+
+/* Container */
+table.sieve_stop_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_stop_input {
+ padding-left:20px;
+}
+
+
+/*************
+ * Sieve vacation
+ *************/
+
+/* Container */
+table.sieve_vacation_container {
+ margin:0px;
+ padding:0px;
+ border-spacing: 0px ;
+ width:100%;
+ background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_vacation_input {
+ padding-left:20px;
+}
+
+/* Editing area */
+textarea.sieve_vacation_input {
+ width:100%;
+ height : 55px;
+}
+
+
+/*************
+ * Sieve allof
+ *************/
+
+table.sieve_allof_container {
+ width:100%;
+ border-spacing: 0px ;
+ margin: 0px;
+ padding:0px;
+ border: solid 1px #999999;
+}
+
+/* Container */
+td.sieve_allof_left {
+ text-align:center;
+ vertical-align: middle;
+ width:35px;
+ background-color: #CCCCCC;
+ border: solid 0px #EEE;
+}
+
+/* Container */
+td.sieve_allof_right {
+ background-color:#BDBDBD ;
+}
+
+/*************
+ * Sieve anyof
+ *************/
+
+table.sieve_anyof_container {
+ width:100%;
+ margin: 0px;
+ border-spacing: 0px ;
+ padding:0px;
+ border: solid 2px #CCCCCC;
+}
+
+/* Container */
+td.sieve_anyof_left {
+ text-align:center;
+ vertical-align: middle;
+ width:35px;
+ background-color: #CCCCCC;
+ border: solid 0px #EEEEEE
+}
+
+/* Container */
+td.sieve_anyof_right {
+ background-color:#BDBDBD ;
+ border: solid 1px #AAAAAA;
+}
+
+/*************
+ * Sieve Test Cases
+ *************/
+
+table.sieve_test_container {
+ width:100%;
+ background-color:#F8F8F8;
+ margin: 0px;
+ border-spacing: 0px ;
+ padding:0px;
+ border: solid 1px #AAAAAA;
+}
+
+table.sieve_test_case {
+ width:100%;
+ margin: 0px;
+ border-spacing: 0px ;
+ padding:0px;
+}
+
+
+
+td.container_, div.container_{
+ padding-left:2px;
+ border-left: solid 2px #F8F8F8;
+}
+
+td.container_:hover,div.container_:hover {
+ border-left: solid 2px black;
+ display:block;
+}
+
+