Changeset 1391

Timestamp:

03/04/2010 04:27:04 AM (2 years ago)

Author:

zhongzhen

Message:

Help Extention Style Change

Location:

branches/omcollab_zhongzhen2/wiki/extensions/Help

Files:

• HelpExtention.css (modified) (2 diffs)
• Help_Guide.php (modified) (2 diffs)

branches/omcollab_zhongzhen2/wiki/extensions/Help/HelpExtention.css

@@ -13 +13 @@
 
 #helpArea {
-        width: 30%; 
-        float: right; 
-        display: none;
+        width: 100%; 
+        position: relative;
+    border: 1px solid #AEAEAE;
+    left: -5px; 
+    top: -5px;
+    background-color: #FFFFFF;
+    font-size: 11px;
+}
+
+#shadow {
+    background-color: #EFEFEF;
+    float: right; 
+    display: none;
+    margin: 5px;
+    width: 30%;
 }
 
@@ -22 +34 @@
 #editpage-copywarn {clear: both;}
 
-.help_menu_ul {list-style-type: none; margin: 0px; padding: 5px 5px 0px 5px; background-color: #EEEEEE; border-top: 1px solid #AEAEAE; border-left: 1px solid #AEAEAE; border-right: 1px solid #AEAEAE;}
+.help_menu_ul {list-style-type: none; margin: 0px; padding: 5px 5px 0px 5px; background-color: #EEEEEE; }
 .help_menu_ul li {display: inline; text-align: center; padding: 3px; font-size: 10px; margin-right: 3px;}
 .tab_active {background-color: #FFFFFF; border-left: 1px solid #AEAEAE; border-top: 1px solid #AEAEAE; border-right: 1px solid #AEAEAE; border-bottom: 1px solid #FFFFFF; color: #000000;}
 .tab_normal {color: #666666; cursor: pointer;}
 
-.button_class {float: right; padding-right: 10px;}
+.button_class {float: right; text-align: center; width: 7%;}
 .help_content {padding: 10px; display: none;}
 

branches/omcollab_zhongzhen2/wiki/extensions/Help/Help_Guide.php

@@ -22 +22 @@
                                         if (source.search('button_help') > -1) {
                                                 obj.src = 'extensions/Help/images/button_hide.gif';
-                                                $('#helpArea').css('display', 'block');
-                                                $('#wpTextbox1').css('width', '63%');
+                                                $('#shadow').css('display', 'block');
+                                                $('#wpTextbox1').css('width', '60%');
                                         }
                                         else {
                                                 obj.src = 'extensions/Help/images/button_help.gif';
-                                                $('#helpArea').css('display', 'none');
+                                                $('#shadow').css('display', 'none');
                                                 $('#wpTextbox1').css('width', '92%');
                                         }
@@ -66 +66 @@
                 
         //Help content area
-        $editPage->editFormTextBeforeContent .= '<div id="helpArea">' . $html . '</div>'; 
+        $editPage->editFormTextBeforeContent .= '<div id="shadow"><div id="helpArea">' . $html . '</div></div>'; 
                 // Help button
                 $editPage->editFormTextBeforeContent .= '<div class="button_class"><img src="extensions/Help/images/button_help.gif" style="cursor: pointer;" onclick="changeIcon(this)"/></div>';