Edit or delete this room screen : CSS for horizontal tabbed options

diff --git a/webcit/static/trailing.html b/webcit/static/trailing.html
index a367cec127361e254ec5d89e8a66cbb40296e19c..818f234102fd492d0ab2a3a065075cda8669b46b 100644 (file)
--- a/webcit/static/trailing.html
+++ b/webcit/static/trailing.html
@@ -2,6 +2,8 @@
 <script type="text/javascript">
  Rounded("div.box", "small transparent top bottom");
  Rounded("form.box", "small transparent top bottom");
+ Rounded("li.tablabel", "small transparent left");
+ Rounded("div.tabcontent", "small transparent right");
 </script>
 </div>
 </body>

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 8428eec3d9e88ca4cac3963a812dd9fc4fbf7eb0..549f683961bd45d0fc00357d15f6696ff41f4e24 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -898,19 +898,6 @@ div.auto_complete ul strong.highlight {
         width: 100%;
 }
 
-.tab_cell_label {
-       font-size: 10pt;
-       font-weight: bold;
-       color: #000000;
-        background-color: #FFFFFF;
-}
-
-.tab_cell, .tab_cell_edit {
-       font-size: 10pt;
-       font-weight: bold;
-       color: #000000;
-        background-color: #CCCCCC;
-}
 
 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background { 
         border: 0;
@@ -1128,6 +1115,43 @@ table.altern .odd {
 }
 
 
-.adminlist {
+.adminlist, .tabbed_dialog {
         list-style: none;
 }
+
+ul.tabbed_dialog {
+margin: 3% 0 0 2%;
+padding:0;
+float: left;
+width: 20%;
+}
+
+.tabbed_dialog .tablabel {
+margin: 0 0 3% 0;
+padding: 0.4em;
+}
+
+.tabcontent {
+margin-left: 22%;
+background-color: #ffffff;
+width: 74%;
+padding: 10px;
+height:60%;
+min-height:40%;
+max-height:90%;
+}
+
+.tab_cell_label {
+       font-size: 10pt;
+       font-weight: bold;
+       color: #000000;
+        background-color: #FFFFFF;
+}
+
+.tab_cell, .tab_cell_edit {
+       font-size: 10pt;
+       font-weight: bold;
+       color: #000000;
+        background-color: #CCCCCC;
+}
+