Changeset 15750 for trunk/templates

Timestamp:

12/12/11 21:49:12 (6 months ago)

Author:

Alexander Trofimov

Message:

Popup

Location:

trunk/templates/base

Files:

• css/common.css (modified) (2 diffs)
• css/default.css (modified) (1 diff)
• popup.html (deleted)
• popup_box.html (modified) (1 diff)
• popup_trans.html (added)
• scripts/BxBaseFunctions.php (modified) (1 diff)
• transBox.html (deleted)

trunk/templates/base/css/common.css

@@ -78 +78 @@
 /* --------------- popup boxes */
 
-.bx-trans-box {
+.bx-popup {
     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:3px;
-    -moz-border-radius:3px;
-    -webkit-border-radius:3px;  
-}
+    box-shadow:0px 2px 20px rgba(128, 128, 128, 0.3);
+    -moz-box-shadow:0px 2px 20px rgba(128, 128, 128, 0.3);
+    -webkit-box-shadow:0px 2px 20px rgba(128, 128, 128, 0.3);
+}
+
+.bx-popup-box-pointer {
+    display:none;
+    position:relative;
+    width:19px;
+    height:10px;
+}
+
+.bx-popup-box-pointer > i {
+    display:block;
+    position:absolute;
+    overflow:hidden;
+    font-size:1px; 
+}
+
+.bx-popup-box-pointer > .i0 {top:0px; left:9px; width:0px; }
+.bx-popup-box-pointer > .i1 {top:1px; left:8px; width:1px; }
+.bx-popup-box-pointer > .i2 {top:2px; left:7px; width:3px; }
+.bx-popup-box-pointer > .i3 {top:3px; left:6px; width:5px; }
+.bx-popup-box-pointer > .i4 {top:4px; left:5px; width:7px; }
+.bx-popup-box-pointer > .i5 {top:5px; left:4px; width:9px; }
+.bx-popup-box-pointer > .i6 {top:6px; left:3px; width:11px; }
+.bx-popup-box-pointer > .i7 {top:7px; left:2px; width:13px; }
+.bx-popup-box-pointer > .i8 {top:8px; left:1px; width:15px; }
+.bx-popup-box-pointer > .i9 {top:9px; left:0px; width:17px; }
 
 /* --------------- message box */
@@ -121 +132 @@
     padding:10px;
     text-transform:uppercase;
-}
-
-/* --------------- popup box */
-
-.bx-popup-wrapper {
-    width:400px;
 }
 

trunk/templates/base/css/default.css

@@ -3 +3 @@
 .bx-def-page-margin {
     margin:0 auto 0 auto;
+}
+
+/* popup */
+.bx-def-popup-width {
+    width: 500px;
 }
 

trunk/templates/base/popup_box.html

@@ -1 +1 @@
 <div id="__id__" class="bx-popup-wrapper" style="__wrapper_style__">
-    <div class="bx-db-container bx-def-border bx-def-color-bg-block bx-def-margin-bottom">
-        <div class="bx-db-header bx-def-border-bottom">
-            <div class="bx-db-title bx-def-padding-sec-left">__title__</div>
-            <div class="bx-db-menu bx-def-padding-sec-right">
+    <div class="bx-popup-box-pointer">
+        <i class="i0 bx-def-color-bg-block bx-def-border-right">&#160;</i>
+        <i class="i1 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i2 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i3 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i4 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i5 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i6 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i7 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i8 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+        <i class="i9 bx-def-color-bg-block bx-def-border-right bx-def-border-left">&#160;</i>
+    </div>
+    <div class="bx-popup bx-popup-box bx-db-container bx-def-popup-width bx-def-border bx-def-color-bg-block">
+        <div class="bx-db-header">
+            <div class="bx-db-title bx-def-padding-left"><h2>__title__</h2></div>
+            <div class="bx-db-menu bx-def-padding-right">
                 <bx_repeat:actions>
                     <div id="__id__-act" class="bx-db-menu-tab bx-db-menu-tab-active" style="<bx_if:hide_active>display:none;</bx_if:hide_active>">

trunk/templates/base/scripts/BxBaseFunctions.php

@@ -233 +233 @@
         return
             ($isPlaceInCenter ? '<div class="login_ajax_wrap">' : '') .
-                BxDolTemplate::getInstance()->parseHtmlByName('transBox.html', array('content' => $content)) .
+                BxDolTemplate::getInstance()->parseHtmlByName('popup_trans.html', array('content' => $content)) .
             ($isPlaceInCenter ? '</div>' : '');
     }