Changeset 15493 for trunk/templates

Timestamp:

09/08/11 03:36:35 (9 months ago)

Author:

Alexander Trofimov

Message:

loading indicator + popup trans box

Location:

trunk/templates/base

Files:

• css/anchor.css (modified) (1 diff)
• css/common.css (modified) (2 diffs)
• css/general.css (modified) (2 diffs)
• css/uploaders.css (modified) (1 diff)
• images/loading.gif (modified) (previous)
• images/op_cor_bl.png (deleted)
• images/op_cor_br.png (deleted)
• images/op_cor_tl.png (deleted)
• images/op_cor_tr.png (deleted)
• rss_holder.html (modified) (1 diff)
• scripts/BxBaseUploaderHTML5.php (modified) (1 diff)
• scripts/BxBaseUploaderSimple.php (modified) (1 diff)
• transBox.html (modified) (1 diff)
• uploader_form_html5.html (modified) (1 diff)
• uploader_form_simple.html (modified) (1 diff)

trunk/templates/base/css/anchor.css

@@ -29 +29 @@
     .actionsBlock a:active {
         font-weight:bold;
-        font-size:11px;
-    }
-
-    #short_profile_info .TransBox .actionsBlock a,
-    #short_profile_info .TransBox .actionsBlock a:link,
-    #short_profile_info .TransBox .actionsBlock a:visited,
-    #short_profile_info .TransBox .actionsBlock a:hover,
-    #short_profile_info .TransBox .actionsBlock a:active {
         font-size:11px;
     }

trunk/templates/base/css/common.css

@@ -171 +171 @@
 }
 
+/* --------------- popup boxes */
+
+.bx-trans-box {
+    overflow:hidden;
+
+    border-color:rgba(72, 126, 192, 0.4);
+    border-style:solid;
+    border-width:6px;
+
+    border-radius:10px;
+    -moz-border-radius:10px;
+    -webkit-border-radius:10px; 
+
+    box-shadow:0px 2px 20px rgba(128, 128, 128, 0.5);
+    -moz-box-shadow:0px 2px 20px rgba(128, 128, 128, 0.5);
+    -webkit-box-shadow:0px 2px 20px rgba(128, 128, 128, 0.5);
+}
+
+.bx-trans-box > * {
+    border-radius:10px;
+    -moz-border-radius:10px;
+    -webkit-border-radius:10px; 
+}
+
 /* --------------- message box */
 
@@ -204 +228 @@
 /* --------------- loading indicator */
 
-.loading_ajax {
-    width:51px;
-    height:51px;
-    z-index: 10;
+.bx-loading-ajax {
+    position:absolute;
+    width:128px;
+    height:15px;
+    z-index:10;
     margin-left:auto;
     margin-right:auto;
-
-    background-color:#F8F8F8;
-    border:7px solid #e2e2e2;
+    padding:10px 10px;
+
+    background-color:rgb(96, 96, 96);
+    background-color:rgba(96, 96, 96, 0.5);
+
+    border-radius:5px;
+    -moz-border-radius:5px;
+    -webkit-border-radius:5px;  
 
     text-align:center;
     color:#CCCCCC;
 }
-
-.loading_ajax_rotating {
-    margin:10px 10px;
-    width:31px;
-    height:31px;
+.bx-loading-ajax-rotating {
+    width:128px;
+    height:15px;
+    z-index:11;
+
     background-image:url(../images/loading.gif);
-    z-index: 11;
 }
 

trunk/templates/base/css/general.css

@@ -495 +495 @@
     }
 
-    .login_ajax_wrap table.TransBox {
-    width:100%;
-    }
-
     .login_ajx_close {
     margin-top: 2px;
@@ -1233 +1229 @@
     }
 
-    #short_profile_info table.TransBox {
-        width:100%;
-        overflow:hidden;
-    }
-
     .swf_uploader_warning {
         color: #000;

trunk/templates/base/css/uploaders.css

@@ -1 +1 @@
 
 .bx-uploader-msg-info {
+    padding:1px 0px 1px 16px;
     background-image:url(../images/icons/information-small-white.png);
-    background-repeat:no-repeat;
-    padding-left:16px;
+    background-repeat:no-repeat;    
 }
 
 .bx-uploader-msg-err {
+    padding:1px 0px 1px 16px;
     background-image:url(../images/icons/exclamation-small-red.png);
-    background-repeat:no-repeat;
-    padding-left:16px;    
+    background-repeat:no-repeat;    
+    color:#900;
+}
+
+.bx-uploader-form-cont {
+    width:500px;
 }
 

trunk/templates/base/rss_holder.html

@@ -1 +1 @@
     <div class="RSSAggrCont" rssid="__rss_id__" rssnum="__rss_num__" member="__member_id__">
-        <div class="loading_ajax bx-def-margin-sec-top bx-def-margin-sec-bottom"><div class="loading_ajax_rotating"></div></div>
+        <div class="bx-loading-ajax bx-def-margin-top bx-def-margin-bottom" style="position:static;"><div class="bx-loading-ajax-rotating"></div></div>
     </div>

trunk/templates/base/scripts/BxBaseUploaderHTML5.php

@@ -53 +53 @@
         ));
 
-        return PopupBox($this->_sPopupContainerId, _t('_sys_uploader_html5_title'), $sForm);
+        bx_import('BxTemplFunctions');
+        return BxTemplFunctions::getInstance()->transBox($sForm);
     }
 

trunk/templates/base/scripts/BxBaseUploaderSimple.php

@@ -41 +41 @@
         ));
 
-        return PopupBox($this->_sPopupContainerId, _t('_sys_uploader_simple_title'), $sForm);
+        bx_import('BxTemplFunctions');
+        return BxTemplFunctions::getInstance()->transBox($sForm);
     }
 

trunk/templates/base/transBox.html

@@ -1 @@
-<!-- TODO: remake to some simple variant without images -->
-<div class="TransBox">
-    <table class="TransBox" cellpadding="0" cellspacing="0">
-        <tr>
-            <td class="corner"><img
-                src="<bx_image_url:op_cor_tl.png />"
-                alt="" /></td>
-            <td class="top_side"><img
-                src="<bx_image_url:spacer.gif />" alt="" /></td>
-            <td class="corner"><img
-                src="<bx_image_url:op_cor_tr.png />"
-                alt="" /></td>
-        </tr>
-        <tr>
-            <td class="left_side"><img
-                src="<bx_image_url:spacer.gif />" alt="" /></td>
-            <td class="msgbox_content">
-                __content__
-            </td>
-            <td class="right_side"><img
-                src="<bx_image_url:spacer.gif />" alt="" /></td>
-        </tr>
-        <tr>
-            <td class="corner"><img
-                src="<bx_image_url:op_cor_bl.png />"
-                alt="" /></td>
-            <td class="bottom_side"><img
-                src="<bx_image_url:spacer.gif />" alt="" /></td>
-            <td class="corner"><img
-                src="<bx_image_url:op_cor_br.png />"
-                alt="" /></td>
-        </tr>
-    </table>
+<div class="bx-trans-box">
+    __content__
 </div>

trunk/templates/base/uploader_form_html5.html

@@ -1 @@
-<div id="__form_container_id__">
+<div id="__form_container_id__" class="bx-uploader-form-cont bx-def-padding bx-def-color-bg-block">
     <div class="bx-def-padding-sec-bottom">__restrictions_text__</div>
     <div id="__errors_container_id__"></div>

trunk/templates/base/uploader_form_simple.html

@@ -1 @@
-<div id="__form_container_id__">
+<div id="__form_container_id__" class="bx-uploader-form-cont bx-def-padding bx-def-color-bg-block">
 
     <form enctype="multipart/form-data" method="POST" target="__iframe_id__" action="<bx_url_root />storage_uploader.php" onsubmit="__uploader_instance_name__.onBeforeUpload(this);">