rahmen
@ -1,17 +1,17 @@
|
|||||||
.parent{
|
.parent{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: table;
|
display: table;
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left{
|
.left{
|
||||||
width: 20px;
|
width: 26px;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.right{
|
.right{
|
||||||
width: 20px;
|
width: 26px;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
@ -19,5 +19,5 @@
|
|||||||
display: table-row;
|
display: table-row;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 20px;
|
height: 25px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -25,36 +25,33 @@
|
|||||||
</div>
|
</div>
|
||||||
<img src="${PICPATH}border_top.png" width="100%"/>
|
<img src="${PICPATH}border_top.png" width="100%"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="parent" style="width: 1000px; background: url(${PICPATH}background.png);" >
|
<div class="parent" style="background: url(${PICPATH}background.png);" >
|
||||||
<div style="display: table-row">
|
<div style="display: table-row">
|
||||||
<div id="frame_left" class="left" style="background: url(${PICPATH}border_left.png) repeat-y; width: 25px;">
|
<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>
|
<div>
|
||||||
<div id="content_wrapper" style="padding-left: 10px; padding-right: 10px;">
|
welcome
|
||||||
<div id="content" >
|
</div>
|
||||||
<div>
|
<div style="float: right; padding-right: 10px;">
|
||||||
welcome
|
<h3>Login</h3>
|
||||||
</div>
|
<input type="text" class="form-control input-lg" id="username" placeholder="${user_name}"></br>
|
||||||
<div style="float: right; padding-right: 10px;">
|
<input type="password" class="form-control input-lg" id="password" placeholder="${password}"></br>
|
||||||
<h3>Login</h3>
|
<input type="submit" class="form-control input-lg" id="login" value="Login">
|
||||||
<input type="text" class="form-control input-lg" id="username" placeholder="${user_name}"></br>
|
</div>
|
||||||
<input type="password" class="form-control input-lg" id="password" placeholder="${password}"></br>
|
</div>
|
||||||
<input type="submit" class="form-control input-lg" id="login" value="Login">
|
<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>
|
||||||
|
<div class="right" style="background: url(${PICPATH}border_right.png) repeat-y;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div style="clear: both;"></div>
|
<div class="bottom">
|
||||||
<div id="back" style="float: left; display: none;"><a href="#"><img src="${PICPATH}arrow_left.png"/></a></div>
|
<div class="" style="display: table-cell; background: url(${PICPATH}border_bot_l.png) no-repeat;"> </div>
|
||||||
<div id="next" style="float: right;"><a href="#"><img src="${PICPATH}arrow_right.png"/></a></div>
|
<div class="" style="display: table-cell; background: url(${PICPATH}border_bot_m.png) repeat-x;"> </div>
|
||||||
<div id="register" style="float: right; display: none;"><a href="#">REG NOW BUTTON</a></div>
|
<div class="" style="display: table-cell; background: url(${PICPATH}border_bot_r.png) no-repeat;"> </div>
|
||||||
</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;"> </div>
|
|
||||||
<div class="" style="display: table-cell; background: url(${PICPATH}border_bot.png) no-repeat;"> </div>
|
|
||||||
<div class="" style="display: table-cell; background: url(${PICPATH}border_bot.png) no-repeat;"> </div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 3.9 KiB |
BIN
mojotrollz/page/default_page/img/border_bot_l.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
mojotrollz/page/default_page/img/border_bot_m.png
Normal file
|
After Width: | Height: | Size: 6.5 KiB |
BIN
mojotrollz/page/default_page/img/border_bot_r.png
Normal file
|
After Width: | Height: | Size: 608 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.1 KiB |