rahmen

mojotrollz/page/default_page/css/default_page.css

@@ -1,17 +1,17 @@
 .parent{    
     position: absolute;
     display: table;
-    width: 1000px;
+    width: 1000px;    
 }
 
 .left{
-    width: 20px;
+    width: 26px;
     display: table-cell;
     vertical-align: middle;    
     position: relative;
 }
 .right{
-    width: 20px;
+    width: 26px;
     display: table-cell;    
     position: relative;
 }
@@ -19,5 +19,5 @@
     display: table-row;
     width: 100%;
     position: relative;
-    height: 20px;
+    height: 25px;
 }

mojotrollz/page/default_page/default_page.tpl

@@ -25,36 +25,33 @@
                  </div>
                 <img src="${PICPATH}border_top.png" width="100%"/>
              </div>
-             <div  class="parent" style="width: 1000px; background: url(${PICPATH}background.png);" >          
-                 <div style="display: table-row">
-                <div id="frame_left" class="left" style="background: url(${PICPATH}border_left.png) repeat-y; width: 25px;">
-          
-
-                </div>
-                  <div id="content_wrapper" style="padding-left: 10px; padding-right: 10px;">
-                <div id="content" >
-                    <div>
-                        welcome
-                    </div>
-                    <div style="float: right; padding-right: 10px;">
-                        <h3>Login</h3>
-                        <input type="text" class="form-control input-lg" id="username" placeholder="${user_name}"></br>
-                        <input type="password" class="form-control input-lg" id="password" placeholder="${password}"></br>
-                        <input type="submit" class="form-control input-lg" id="login" value="Login">
+             <div  class="parent" style="background: url(${PICPATH}background.png);" >          
+                <div style="display: table-row">
+                    <div id="frame_left" class="left" style="background: url(${PICPATH}border_left.png) repeat-y;"></div>
+                    <div id="content_wrapper" style="padding-left: 10px; padding-right: 10px; padding-bottom: 75px;">
+                        <div id="content" >
+                            <div>
+                                welcome
+                            </div>
+                            <div style="float: right; padding-right: 10px;">
+                                <h3>Login</h3>
+                                <input type="text" class="form-control input-lg" id="username" placeholder="${user_name}"></br>
+                                <input type="password" class="form-control input-lg" id="password" placeholder="${password}"></br>
+                                <input type="submit" class="form-control input-lg" id="login" value="Login">
+                            </div>
+                        </div>
+                        <div style="clear: both;"></div>
+                        <div id="back" style="float: left; display: none;"><a href="#"><img src="${PICPATH}arrow_left.png"/></a></div>
+                        <div id="next" style="float: right;"><a href="#"><img src="${PICPATH}arrow_right.png"/></a></div>
+                        <div id="register" style="float: right; display: none;"><a href="#">REG NOW BUTTON</a></div>
                     </div>
+                    <div class="right" style="background: url(${PICPATH}border_right.png) repeat-y;"></div>              
                 </div>
-                <div style="clear: both;"></div>
-                <div id="back" style="float: left; display: none;"><a href="#"><img src="${PICPATH}arrow_left.png"/></a></div>
-                <div id="next" style="float: right;"><a href="#"><img src="${PICPATH}arrow_right.png"/></a></div>
-                <div id="register" style="float: right; display: none;"><a href="#">REG NOW BUTTON</a></div>
+                <div class="bottom">
+                    <div class="" style="display: table-cell; background: url(${PICPATH}border_bot_l.png) no-repeat;">&nbsp;</div>
+                    <div class="" style="display: table-cell; background: url(${PICPATH}border_bot_m.png) repeat-x;">&nbsp;</div>
+                    <div class="" style="display: table-cell; background: url(${PICPATH}border_bot_r.png) no-repeat;">&nbsp;</div>
                 </div>
-                <div class="right" style="background: url(${PICPATH}border_right.png) repeat-y;"></div>              
-             </div>
-             <div class="bottom">
-                <div class="" style="display: table-cell; background: url(${PICPATH}border_bot.png) no-repeat;">&nbsp;</div>
-                <div class="" style="display: table-cell; background: url(${PICPATH}border_bot.png) no-repeat;">&nbsp;</div>
-                <div class="" style="display: table-cell; background: url(${PICPATH}border_bot.png) no-repeat;">&nbsp;</div>
-             </div>
         </div> 
                 
         </div>