Changeset 15752 for trunk/templates

Timestamp:

12/12/11 23:09:18 (6 months ago)

Author:

Alexander Trofimov

Message:

Popup

Location:

trunk/templates/base

Files:

• css/common.css (modified) (3 diffs)
• popup_box.html (modified) (1 diff)
• popup_trans.html (modified) (1 diff)

trunk/templates/base/css/common.css

@@ -78 +78 @@
 /* --------------- popup boxes */
 
-.bx-popup {
+.bx-popup {    
     overflow:hidden;
 
-    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);
+    border-radius:3px;
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;  
+
+    -moz-box-shadow:0px 0px 10px 0px rgba(128, 128, 128, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow:0px 0px 10px 0px rgba(128, 128, 128, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+    box-shadow:0px 0px 10px 0px rgba(128, 128, 128, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
 }
 
@@ -89 +93 @@
     display:none;
     position:relative;
-    width:19px;
-    height:10px;
+    width:13px;
+    height:7px;
+    overflow:hidden;
 }
 
@@ -100 +105 @@
 }
 
-.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; }
+.bx-popup-box-pointer > .i0 {top:0px; left:6px; width:0px; }
+.bx-popup-box-pointer > .i1 {top:1px; left:5px; width:1px; }
+.bx-popup-box-pointer > .i2 {top:2px; left:4px; width:3px; }
+.bx-popup-box-pointer > .i3 {top:3px; left:3px; width:5px; }
+.bx-popup-box-pointer > .i4 {top:4px; left:2px; width:7px; }
+.bx-popup-box-pointer > .i5 {top:5px; left:1px; width:9px; }
+.bx-popup-box-pointer > .i6 {top:6px; left:0px; width:11px; }
 
 /* --------------- message box */

trunk/templates/base/popup_box.html

@@ -1 +1 @@
 <div id="__id__" class="bx-popup-wrapper" style="__wrapper_style__">
     <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>
+        <i class="i0 bx-def-color-bg-block">&#160;</i>
+        <i class="i1 bx-def-color-bg-block">&#160;</i>
+        <i class="i2 bx-def-color-bg-block">&#160;</i>
+        <i class="i3 bx-def-color-bg-block">&#160;</i>
+        <i class="i4 bx-def-color-bg-block">&#160;</i>
+        <i class="i5 bx-def-color-bg-block">&#160;</i>
+        <i class="i6 bx-def-color-bg-block">&#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-popup bx-popup-box bx-db-container bx-def-popup-width bx-def-color-bg-block">
         <div class="bx-db-header">
             <div class="bx-db-title bx-def-padding-left"><h2>__title__</h2></div>

trunk/templates/base/popup_trans.html

@@ -1 +1 @@
 <div class="bx-popup-wrapper">
     <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>
+        <i class="i0 bx-def-color-bg-block">&#160;</i>
+        <i class="i1 bx-def-color-bg-block">&#160;</i>
+        <i class="i2 bx-def-color-bg-block">&#160;</i>
+        <i class="i3 bx-def-color-bg-block">&#160;</i>
+        <i class="i4 bx-def-color-bg-block">&#160;</i>
+        <i class="i5 bx-def-color-bg-block">&#160;</i>
+        <i class="i6 bx-def-color-bg-block">&#160;</i>
     </div>
-    <div class="bx-popup bx-popup-trans bx-def-border">
+    <div class="bx-popup bx-popup-trans">
         __content__
     </div>