Code

Added list footer to divlist class.
[gosa.git] / html / themes / default / style.css
index f6f0c0fa3c8d192bc1256e25dc7f28760edd23ce..40e739a2111d7b898bce55708251943c46c93d57 100644 (file)
@@ -7,6 +7,13 @@ tr.listrow {
        background:#EAEAEA;
 }
 
+tr.rowxp {
+}
+
+tr.rowxp:hover {
+       background-color:#D8D8D8;
+}
+
 td.listheader {
        background:#E5E5E5;
        font-weight:bold;
@@ -16,6 +23,13 @@ td.listheader {
        height:22px;
 }
 
+td.listfooter {
+       background:#E5E5E5;
+       border-top:1px solid #C0C0C0;
+       padding:3px;
+       height:16px;
+}
+
 td.scrollhead {
        vertical-align:top;
        padding:0px;
@@ -26,6 +40,12 @@ td.scrollbody {
        padding:0px;
 }
 
+div.scrollbody {
+       background-color:#ffffff;
+       overflow:auto;
+       text-align:left;
+}
+
 td.listheader#icon {
        width:20px;
 }
@@ -45,15 +65,15 @@ td.listheader#properties7 {
        width:136px;
 }
 
-td.listheader#8properties {
+td.listheader#properties8 {
        width:152px;
 }
 
-td.listheader#9properties {
+td.listheader#properties9 {
        width:168px;
 }
 
-td.listheader#10properties {
+td.listheader#properties10 {
        width:186px;
 }
 
@@ -68,9 +88,17 @@ td.listheader#scrollbar {
        border-right:0px;
 }
 
+tr.rowxp0 {
+       background:white;
+}
+
+tr.rowxp0:hover {
+       background-color:#D8D8D8;
+}
+
 td.list0 {
-       background:#F0F0F0;
-       border-right:1px solid #C0C0C0;
+       background:transparent;
+       border-right:1px solid #B0B0B0;
        padding:3px;
        height:22px;
 }
@@ -113,7 +141,22 @@ td.list0#actions {
        text-align:right;
 }
 
+tr.rowxp1 {
+       background:#F0F0F0;
+}
+
+tr.rowxp1:hover {
+       background-color:#D8D8D8;
+}
+
 td.list1 {
+       background:transparent;
+       border-right:1px solid #C0C0C0;
+       padding:3px;
+       height:22px;
+}
+
+td.list1nohighlight {
        background:white;
        border-right:1px solid #C0C0C0;
        padding:3px;
@@ -168,8 +211,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;
@@ -197,11 +238,13 @@ a.maintitlebar, div.maintitlebar {
        font-size:12px;
        text-align:center;
        vertical-align:middle;
+       cursor:pointer;
 }
 
 a.maintitlebar:hover {
        text-decoration:none;
        background-color:#B0D3A0;
+       cursor:pointer;
 }
 
 p.menuheader {
@@ -215,7 +258,7 @@ p.menuheader {
        width:100%;
        vertical-align:middle;
        padding:3px;
-       margin-top:30px;
+       margin-top:20px;
 }
 
 p.menuitem {
@@ -232,10 +275,12 @@ p.menuitem {
        margin:2px;
        background-color:#dfffdf;
        padding-right:5px;
+       cursor:pointer;
 }
 
 p.menuitem:hover {
        background-color:#d2f6c2;
+       cursor:pointer;
 }
 
 table.menuitem {
@@ -255,6 +300,10 @@ td.phonelist:hover {
        background-color:#d2d2d2;
 }
 
+td.phonelist {
+       border-right:1px solid #B0B0B0;
+}
+
 h1.menuheader {
        border-style:solid;
        border-color:#707070;
@@ -311,8 +360,13 @@ a.iconmenu:link {
        color:#00008f;
 }
 
+td.iconmenu {
+       cursor:pointer;
+}
+
 td.iconmenu:hover {
        background-color:#e0e0e0;
+       cursor:pointer;
 }
 
 a.iconmenu:visited {
@@ -412,7 +466,6 @@ font.must {
 div.tab_active {
        text-align:center;
        height:25px;
-       width:100px;
        background-color:#f0f0f0;
        border-style:solid;
        border-color:black;
@@ -422,12 +475,20 @@ div.tab_active {
        border-right-width:1px;
        margin-top:0px;
        padding-top:1px;
+       padding-left:8px;
+       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;
        height:20px;
-       width:100px;
        background-color:#c0c0c0;
        border-style:solid;
        border-color:black;
@@ -437,12 +498,13 @@ div.tab_left {
        border-right-width:0px;
        margin-top:5px;
        padding-top:1px;
+       padding-left:8px;
+       padding-right:8px;
 }
 
 div.tab_right {
        text-align:center;
        height:20px;
-       width:100px;
        background-color:#c0c0c0;
        border-style:solid;
        border-color:black;
@@ -452,12 +514,13 @@ div.tab_right {
        border-right-width:1px;
        margin-top:5px;
        padding-top:1px;
+       padding-left:8px;
+       padding-right:8px;
 }
 
 div.tab_near_active {
        text-align:center;
        height:20px;
-       width:100px;
        background-color:#c0c0c0;
        border-style:solid;
        border-color:black;
@@ -467,6 +530,8 @@ div.tab_near_active {
        border-right-width:1px;
        margin-top:5px;
        padding-top:1px;
+       padding-left:8px;
+       padding-right:8px;
 }
 
 div.tab_border {
@@ -483,10 +548,8 @@ div.tab_border {
 a.tab_active, input.tab_active {
        border:0px;
        margin:0px;
-       width:100px;
        height:22px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#f0f0f0;
        text-decoration:none;
        color:#00348B;
        font-size:13px;
@@ -494,12 +557,10 @@ a.tab_active, input.tab_active {
 }
 
 a.tab_right, input.tab_right {
-       width:100px;
        height:20px;
        border:0px;
        margin:0px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#c0c0c0;
        text-decoration:none;
        color:#00348b;
        font-size:13px;
@@ -507,12 +568,10 @@ a.tab_right, input.tab_right {
 }
 
 a.tab_left, input.tab_left {
-       width:100px;
        height:20px;
        border:0px;
        margin:0px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#c0c0c0;
        text-decoration:none;
        color:#00348b;
        font-size:13px;
@@ -520,12 +579,10 @@ a.tab_left, input.tab_left {
 }
 
 a.tab_near_active, input.tab_near_active {
-       width:100px;
        height:20px;
        border:0px;
        margin:0px;
        font-family:arial,helvetica,sans-serif;
-       background-color:#c0c0c0;
        text-decoration:none;
        color:#00348b;
        font-size:13px;
@@ -543,7 +600,7 @@ input.center {
 }
 
 select.center {
-       text-align:center;
+       text-align:left;
        vertical-align:middle;
 }
 
@@ -569,6 +626,7 @@ td.gosaLoginBack {
        width:606px;
        height:406px;
        background:url(images/login.png);
+       background-repeat:no-repeat;
        vertical-align:top;
 }
 
@@ -594,6 +652,29 @@ p.gosaLoginWarning {
        font-size:12px;
 }
 
+/* Account Expired screen */
+td.gosaAccountExpiredBack {
+  width:550px;
+  height:300px;
+  background:url(images/accountexpired.png);
+  vertical-align:top;
+}
+
+div.gosaAccountExpiredBack {
+  padding-top:40px;
+  margin-left:90px;
+  margin-right:50px;
+  padding-bottom:0px;
+  vertical-align:top;
+}
+
+p.gosaAccountExpiredHeader {
+  text-align:left;
+  font-size:14px;
+  font-weight:bold;
+  margin-bottom:15px;
+} 
+
 table.framework {
        width:100%;
        height:100%;
@@ -699,3 +780,642 @@ input.menubar{
        padding:0px;
        width:100%;
 }
+
+td.tbhead {
+       border-right:1px solid #B0B0B0;
+       border-bottom:1px solid #B0B0B0;
+}
+
+td.tbrhead {
+       border-bottom:1px solid #B0B0B0;
+}
+
+/************************
+ * 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;
+}
+
+
+/*********
+ * Setup
+ *********/
+
+/* 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;
+}
+
+/* The setup complete setup dialog */
+div.setup_dialog {
+    background-color:#FFF;
+    text-align: 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_plug_header {
+    padding: 10px;
+    border-bottom: solid 1px #D0D0D0;
+    background-color: #E0E0F0;
+    border: 10px solid #FFFFFF;
+
+}
+
+/* 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;
+}
+
+/* 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 {
+    text-decoration:none;
+    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 {
+    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: 1.2em;
+    background-color:#F0F0F0;
+    font-weight: bold;
+    cursor: default;
+    padding: 3px;
+}
+
+/* Disabled setup steps */
+div.navigation_title_disabled {
+    font-size: 1.2em;
+    font-weight: bold;
+    padding: 3px;
+    cursor: default;
+    text-decoration:none;
+    color: #AAAAAA;
+}
+
+/* Disabled setup steps */
+div.navigation_title_inactive {
+    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 23px;
+    margin: 0px;
+    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: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;
+}
+
+