Code

Added list footer for all management lists
[gosa.git] / html / themes / default / style.css
index 6f6b88c3d6e0605d0633698e484035bad35dcd82..7bc2eef144db6f6b6304d5464a3d9b202cc9c885 100644 (file)
@@ -15,14 +15,25 @@ tr.rowxp:hover {
 }
 
 td.listheader {
-       background:#E5E5E5;
+       background:#F0F0F0;
        font-weight:bold;
-       border-right:1px solid #C0C0C0;
-       border-bottom: 1px solid #b0b0b0;
+       border-right:1px solid #AAA;
+       border-bottom: 1px solid #AAA;
        padding:3px;
        height:22px;
 }
 
+td#menucell {
+       border:1px solid #AAA;
+}
+
+td.listfooter {
+       background:#E5E5E5;
+       border-top:1px solid #C0C0C0;
+       padding:3px;
+       height:16px;
+}
+
 td.scrollhead {
        vertical-align:top;
        padding:0px;
@@ -211,8 +222,6 @@ body {
        margin-top:0px;
        margin-bottom:0px;
        background-color:white;
-       background-image:url("images/border.png"); 
-       background-repeat:repeat-y;
        color:#00008F;
        font-family:arial,helvetica,sans-serif;
        font-size:12px;
@@ -245,25 +254,27 @@ a.maintitlebar, div.maintitlebar {
 a.maintitlebar:hover {
        text-decoration:none;
        background-color:#B0D3A0;
+       cursor:pointer;
 }
 
 p.menuheader {
        font-family:arial,helvetica,sans-serif;
-       color:#00378a;
+       color:#00008F;
        text-decoration:none;
-       background-color:#CDF6BD;
+       border-bottom:1px solid #AAA;
        font-weight:bold;
+       background-color:#F0F0F0;
        font-size:12px;
        text-align:center;
-       width:100%;
        vertical-align:middle;
-       padding:3px;
-       margin-top:20px;
+       padding:5px;
+       margin-top:0px;
+       margin-bottom:3px;
 }
 
 p.menuitem {
        font-family:arial,helvetica,sans-serif;
-       color:#00378a;
+       color:#00008F;
        text-decoration:none;
        font-weight:normal;
        font-size:12px;
@@ -273,12 +284,13 @@ p.menuitem {
        padding-bottom:2px;
        vertical-align:middle;
        margin:2px;
-       background-color:#dfffdf;
+       background-color:white;
        padding-right:5px;
 }
 
 p.menuitem:hover {
-       background-color:#d2f6c2;
+       background-color:#F0F0F0;
+       cursor:pointer;
 }
 
 table.menuitem {
@@ -290,7 +302,8 @@ table.menuitem {
 }
 
 table.menuitem:hover {
-       background-color:#c5c5c5;
+       background-color:#F0F0F0;
+       cursor:pointer;
 }
 
 
@@ -304,7 +317,7 @@ td.phonelist {
 
 h1.menuheader {
        border-style:solid;
-       border-color:#707070;
+       border-color:#AAA;
        width:100%;
        border-top-width:1px;
        border-bottom-width:0px;
@@ -316,7 +329,7 @@ h1.menuheader {
 
 div.copynotice{
        border-style:solid;
-       border-color:#707070;
+       border-color:#AAA;
        width:100%;
        border-top-width:1px;
        border-bottom-width:0px;
@@ -359,7 +372,8 @@ a.iconmenu:link {
 }
 
 td.iconmenu:hover {
-       background-color:#e0e0e0;
+       background-color:#F0F0F0;
+       cursor:pointer;
 }
 
 a.iconmenu:visited {
@@ -372,59 +386,43 @@ a.iconmenu:hover {
 }
 
 h1.plugtop{
-       border-style:solid;
-       border-color:#707070;
        width:100%;
-       border-top-width:0px;
-       border-bottom-width:1px;
-       border-left-width:0px;
-       border-right-width:0px;
-       padding-top:0px;
-       margin-top:0px;
        padding-bottom:6px;
        text-align:left;
-       background-color:red;
        font-family:arial,helvetica,sans-serif;
        font-size:24px;
 }
 
 div.plugtop {
-       border-style:solid;
-       border-color:#b0b0b0;
        width:100%;
-       border-top-color:#e0e0f0;
-       border-top-width:6px;
-       border-bottom-width:1px;
-       border-left-width:0px;
-       border-right-width:0px;
+       border-bottom:1px solid #B0B0B0;
        padding-top:0px;
        padding-bottom:6px;
        margin-bottom: 0px;
        text-align:left;
        vertical-align:middle;
-       background-color:#e0e0f0;
+       background-color:#F0F0F0;
        font-family:arial,helvetica,sans-serif;
        font-weight:bold;
        font-size:24px;
 }
 
 div.pluginfo {
-       border:solid;
-       border:0px;
+       border-bottom:1px solid #AAA;
        width:100%;
        padding-top:2px;
        padding-bottom:2px;
        margin-bottom:10px;
        text-align:right;
        vertical-align:middle;
-       background-color:#c0c0e0;
+       background-color:#F8F8F8;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
 }
 
 p.seperator {
        border-style:solid;
-       border-color:#a0a0a0;
+       border-color:#AAA;
        width:100%;
        border-top-width:0px;
        border-bottom-width:1px;
@@ -458,9 +456,9 @@ font.must {
 
 div.tab_active {
        text-align:center;
-       background-color:#f0f0f0;
+       background-color:#f8f8f8;
        border-style:solid;
-       border-color:black;
+       border-color:#999;
        border-top-width:1px;
        border-bottom-width:0px;
        border-left-width:1px;
@@ -472,11 +470,18 @@ div.tab_active {
        padding-right:8px;
 }
 
+div#notify {
+       background-image: url("../../images/lamp.png");
+       background-repeat:no-repeat;
+       background-position:1px 1px;
+       padding-left:18px;
+}
+
 div.tab_left {
        text-align:center;
-       background-color:#c0c0c0;
+       background-color:#D0D0D0;
        border-style:solid;
-       border-color:black;
+       border-color:#999;
        border-top-width:1px;
        border-bottom-width:1px;
        border-left-width:1px;
@@ -490,9 +495,9 @@ div.tab_left {
 
 div.tab_right {
        text-align:center;
-       background-color:#c0c0c0;
+       background-color:#D0D0D0;
        border-style:solid;
-       border-color:black;
+       border-color:#999;
        border-top-width:1px;
        border-bottom-width:1px;
        border-left-width:0px;
@@ -506,9 +511,9 @@ div.tab_right {
 
 div.tab_near_active {
        text-align:center;
-       background-color:#c0c0c0;
+       background-color:#D0D0D0;
        border-style:solid;
-       border-color:black;
+       border-color:#999;
        border-top-width:1px;
        border-bottom-width:1px;
        border-left-width:1px;
@@ -523,7 +528,7 @@ div.tab_near_active {
 div.tab_border {
        width:100%;
        border-style:solid;
-       border-color:black;
+       border-color:#999;
        border-top-width:0px;
        border-bottom-width:1px;
        border-left-width:0px;
@@ -535,9 +540,8 @@ a.tab_active, input.tab_active {
        margin:0px;
        height:22px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#f0f0f0;
        text-decoration:none;
-       color:#00348B;
+       color:#00008F;
        font-size:13px;
        font-weight:bold;
 }
@@ -547,9 +551,8 @@ a.tab_right, input.tab_right {
        border:0px;
        margin:0px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#c0c0c0;
        text-decoration:none;
-       color:#00348b;
+       color:#00008F;
        font-size:13px;
        font-weight:bold;
 }
@@ -559,9 +562,8 @@ a.tab_left, input.tab_left {
        border:0px;
        margin:0px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#c0c0c0;
        text-decoration:none;
-       color:#00348b;
+       color:#00008F;
        font-size:13px;
        font-weight:bold;
 }
@@ -571,9 +573,9 @@ a.tab_near_active, input.tab_near_active {
        border:0px;
        margin:0px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#c0c0c0;
+       background-color:#D0D0D0;
        text-decoration:none;
-       color:#00348b;
+       color:#00008F;
        font-size:13px;
        font-weight:bold;
 }
@@ -664,13 +666,11 @@ p.gosaAccountExpiredHeader {
 } 
 
 table.framework {
-       width:100%;
        height:100%;
        border:0px;
        border-spacing:0px;
        padding:0px;
-       margin:0px;
-       background-color:#cdf6bd;
+       margin-left:3px;
        vertical-align:top;
 }
 
@@ -681,7 +681,7 @@ table.maintab {
         border-spacing:0px;
         padding:0px;
         margin:0px;
-        background-color:#cdf6bd;
+        background-color: #A9FBA6;
         vertical-align:top;
 }
 
@@ -707,8 +707,8 @@ textarea:focus {
 }
 
 div.contentboxh {
-       background-color:#e8e8e8;
-       border:1px solid #b0b0b0;
+       background-color:#F0F0F0;
+       border:1px solid #AAA;
        border-bottom-width:0px;
        height:26px;
        vertical-align:middle;
@@ -744,13 +744,13 @@ a.alphaselect:hover {
 table.check {
        background-color:#e1e1f1;
        color:black;
-       border:1px dashed #a0a0a0;
+       border:1px solid #AAA;
        width:95%;
        margin-left:20px;
 }
 
 td.check {
-       border-right:1px dashed #a0a0a0;
+       border-right:1px solid #AAA;
 }
 
 option.select {
@@ -785,25 +785,35 @@ td.tbrhead {
 
 /* 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: 10px;
-       min-width:920px;
 }
 
 /* The setup complete setup dialog */
 div.setup_dialog {
-       background-color: #F0F0F0;
-       border-right: solid 2px #444444;
-       border-bottom: solid 2px #666666;
+       background-color:#FFF;
+       text-align: left;
 }
 
 /* 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 */
@@ -812,14 +822,13 @@ div.setup_plug_header_container {
 
 /* Setup content container */
 div.setup_contents_container { 
-       float:left; 
 }
 
 /* Setup footer */
 div.setup_bottom {
        clear: left;
        background-color:#DDDDDD;       
-       border-top: solid 1px #D0D0D0; 
+       border-top: solid 1px red;
 }
 
 /*******
@@ -835,19 +844,21 @@ div.setup_bottom {
 
 /* 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 {
-       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.*/
@@ -858,54 +869,51 @@ div.default {
 
 /* 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 {
-       font-size: 1.7em;
-       background: #D8D8D8 ;
+       font-size: 1.2em;
+       font-weight: bold;
        text-decoration:none;
        width:100%;
        padding-top:8px;
        padding-bottom:8px;
-       border-right: solid 1px #AAAAAA;
-       border-bottom: solid 1px #BBBBBB;
+       border-top:1px solid #AAAAAA;
 }
 
 /* The box used for each setup step */
 a.navigation_element, div.navigation_element {
-       background: #E8E8E8;
        text-decoration:none;
-       border-right: solid 1px #AAAAAA;
-       border-bottom: solid 1px #BBBBBB;
-       float:left;
+       padding-top:8px;
+       padding-bottom:8px;
+       border-top:1px solid #AAAAAA;
        width:100%;
 }
 
 /* The box used for each setup step */
 a.navigation_element_active, div.navigation_element_active {
-       background: #E8E8E8;
        text-decoration:none;
-       float:left;
        width:100%;
-       border-right: solid 1px #AAAAAA;
-       border-bottom: solid 1px #BBBBBB;
+       padding-top:8px;
+       padding-bottom:8px;
+       border-top:1px solid #AAAAAA;
+       background-color:#F0F0F0;
 }
 
 /* An enabled setup step will use this style in navigation*/
 div.navigation_title_active {
        font-size: 1.2em;
+       background-color:#F0F0F0;
        font-weight: bold;
-       cursor: pointer;
+       cursor: default;
        padding: 3px;
 }
 
@@ -932,9 +940,9 @@ div.navigation_title_inactive {
 div.navigation_info {
        font-size: 1em;
        color: black;
-       padding: 4px 4px 3px 10px;
+       padding: 4px 4px 3px 23px;
        margin: 0px;
-       cursor: pointer;
+       cursor: default;
 }
 
 
@@ -943,63 +951,61 @@ div.navigation_info {
        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;
-       background-color: orange;
-       background-image: url('images/personal.png');
-       border: dotted 2px red;
-       width: 296px;
+       width: 100%;
        text-align:left;
 }
 
 /* Container headline */
 h2.step2_container_title {
-       background-color:#DDDDDD;
+       background-color:#F0F0F0;
        border: solid 1px #CCCCCC;
+       width:100%; 
+       padding:3px;
 }
 
 /* Container for name and status */
 div.step2_entry_container { 
-       width:300px; 
+       padding:3px;
+       width:99%; 
        cursor:default;
 }
 
 /* Container for name and status, when status is failed */
 div.step2_entry_container_info { 
-       width:300px;
-       background: #DDDDFF;
+       padding:3px;
+       border: 1px solid #AAAAAA;
+       width:99%;
        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;
-    padding: 2px;
-    vertical-align: middle;
+       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:blue;
+       color:orange;
+       padding-bottom:4px;
 }
 
 /* Status successful */
@@ -1009,14 +1015,405 @@ div.step2_successful {
 
 /* Text used in info div. */
 div.step2_failed_text {
-       background-image: url('images/error.png'); 
        background-repeat: no-repeat;     
-       padding-left: 35px;
+       padding-left: 25px;
 }
 
 /* Text used in info div. On warnings */
 div.step2_warning_text{
-       background-image: url('images/warning.png'); 
        background-repeat: no-repeat;     
-       padding-left: 35px;
+       padding-left: 25px;
+}
+
+
+/*
+       Setup step 4 styles 
+*/
+
+li.step4_name, div.step4_name {
+       float:left;
+       width:25%;
+       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;
+}
+
+