4:49 a.m.
Author: admitriev
Date: 2009-03-23 05:49:53 -0400 (Mon, 23 Mar 2009)
New Revision: 13087
Added:
management/design/realWorldDemo/html/file_upload.html
management/design/realWorldDemo/html/images/shell/ico_help.png
management/design/realWorldDemo/html/images/shell/ico_warning.png
Modified:
management/design/realWorldDemo/html/album.html
management/design/realWorldDemo/html/pabm3.css
management/design/realWorldDemo/html/photo.html
management/design/realWorldDemo/html/photo_edit.html
management/design/realWorldDemo/html/register_edit_person.html
management/design/realWorldDemo/html/search_result_albums.html
management/design/realWorldDemo/html/search_result_photos.html
management/design/realWorldDemo/html/search_result_shelves.html
management/design/realWorldDemo/html/search_result_users.html
management/design/realWorldDemo/html/shelf.html
Log:
Modified: management/design/realWorldDemo/html/album.html
===================================================================
--- management/design/realWorldDemo/html/album.html 2009-03-23 02:34:48 UTC (rev 13086)
+++ management/design/realWorldDemo/html/album.html 2009-03-23 09:49:53 UTC (rev 13087)
@@ -744,15 +744,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : !none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Added: management/design/realWorldDemo/html/file_upload.html
===================================================================
--- management/design/realWorldDemo/html/file_upload.html (rev 0)
+++ management/design/realWorldDemo/html/file_upload.html 2009-03-23 09:49:53 UTC (rev
13087)
@@ -0,0 +1,757 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title>Untitled</title>
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
+</head>
+
+<body>
+
+<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
+ <tr>
+ <td colspan="2">
+ <div class="top_part">
+ <div class="header_box">
+ <a href="#"><img src="images/shell/logo_top.gif"
width="290" height="79" alt="" border="0"
style="position : absolute;"></a>
+ <div class="auth_box">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td class="auth_data">
+ Welcome, <span>Jhon Smith</span>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+
+ <div class="about_toolbar">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td class="about_toolbar_item">
+ <a href="#">User guide</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">F.A.Q.</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">About Demo at JBossWiki</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">About Demo at JBossForum</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+ </div>
+ <div style="height : 37px; position : relative; background :
url(images/shell/general_panelbar_bg.gif) repeat-x #A84807; padding-left : 15px;
">
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+
+ <td valign="middle">
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt=""
border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 7px 5px 0px 14px">
+ <div>
+ <div style="height : 23px; float : left; width : 8px; overflow : hidden;
position : relative;">
+ <img src="images/shell/informer_photo.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 3px; white-space : nowrap;">
+ <a href="#" style="font-size : 11px; font-weight : bold;
color : #ffffff; text-decoration : none;">My Album:</a>
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+
+ </td>
+
+ </tr>
+ </table>
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_shelf.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_album.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_photo.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ </tr>
+ </table>
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt="" border="0"
style="float:left; margin : 11px 15px 0px 15px;">
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_shelf.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_album.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_photo.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ </tr>
+ </table>
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt="" border="0"
style="float:left; margin : 11px 15px 0px 15px;">
+ </div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td height="100%" valign="top">
+ <div style="background : url(images/shell/general_panel_bg.gif) right top
repeat-y; height : 100%;">
+ <div style="height : 15px; background :
url(images/shell/general_panel_header_bg.gif) right top; font-size : 1px;">
+ <img src="images/shell/spacer.gif" width="300"
height="1" alt="" border="0">
+ </div>
+
+ <div style="padding : 15px 35px 15px 15px;">
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_minus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here. Maximal lenght is no limits :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here. Maximal lenght is no limits
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px; background :
#f1f1f1; border : 1px solid #FFFFFF">
+ <strong>Album name'll be here. Maximal lenght is no
limits</strong>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here.
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name :: <a href="#"><strong>7</strong>
new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here.
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here. Maximal lenght is no limits
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here. Maximal lenght is no limits :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name
+ </td>
+ </tr>
+ </table>
+
+
+ </div>
+
+ </div>
+ </td>
+ <td height="100%" width="100%" valign="top"">
+ <div style="background : url(images/shell/general_panel_bg.gif) right top
repeat-y; height : 100%;">
+ <div style="height : 15px; background :
url(images/shell/general_panel_header_bg.gif) right top; font-size : 1px;">
+
+ </div>
+ <div class="content_box">
+
+ <table style="border-collapse : collapse; margin-bottom : 15px"
cellpadding="0">
+ <tr>
+ <td>
+ <h1 style="margin-bottom : 4px">Files upload</h1>
+ </td>
+ </tr>
+ </table>
+ <div style="margin : 10px 0px 5px 0px; width : 504px; background : #f1f1f1;
border : 1px solid #A1A1A1">
+ <table style="border-collapse : collapse; margin : 10px 10px 10px
10px" cellpadding="5" border="0">
+ <tr>
+ <td valign="top" nowrap style="padding-top : 8px">
+ Choose album
+ </td>
+ <td valign="top">
+ <select type="text" style="border : 1px solid #999999; width :
250px; height : 19px">
+ <option></option>
+ </select>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top" nowrap style="padding-top : 8px">
+
+ </td>
+ <td>
+ <div class="button_103">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div style="font-weight : bold;">
+ Create new
+ </div>
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
+ </div>
+ </td>
+ </tr>
+ </table>
+ </div>
+ <div style="margin : 0px 0px 20px 0px; width : 504px; height : 200px;
background : #f1f1f1; border : 1px solid #A1A1A1">
+
+ </div>
+
+ <div style="margin : 0px 0px 0px 0px; height : 40px; display :
none">
+ <div style="width : 200px; height : 18px; background : #f1f1f1; border :
1px solid #A1A1A1; float : left;">
+
+ </div>
+ <div style="float : left; margin-left : 10px; margin-top : 2px">
+ Photo upload in progress
+ </div>
+ </div>
+ <div style="margin : 0px 0px 0px 0px; display : !none; height :
40px">
+ <strong>Photo upload is completed</strong>. 222 photos from 222 was
uploaded
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+ <div class="preview_box_photo_120">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div style="width : 30px; background : #f1f1f1; border : 1px solid #A1A1A1;
position : absolute; top : 4px; right : 4px; text-align : center">
+ 1
+ </div>
+ <div class="photo_name">
+ File name'll be here
+ </div>
+ <div class="photo_data">
+ File size
+ </div>
+ </div>
+
+
+
+
+
+
+
+
+ <div style="width : 90%; height : 10px; float :
left;"> <div>
+
+
+ </div>
+
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <div style="height : 82px; position : relative; background :
url(images/shell/footer_bg.gif) repeat-x #000000;">
+ <img src="images/shell/logo_bottom.gif" width="160"
height="55" alt="" border="0" style="position :
absolute; right : 0px; top : 27px">
+ <div style="position : absolute; left : 8px; top : 51px">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 0px 15px 0px 8px">
+ <a href="#" style="font-size : 11px; color : #ffffff;
text-decoration : none;"> Terms And Conditions</a>
+ </td>
+
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 0px 15px 0px 8px">
+ <a href="#" style="font-size : 11px; color : #ffffff;
text-decoration : none;">Privacy Statement</a>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+ </div>
+ </td>
+ </tr>
+</table>
+
+<form style="margin : 0px">
+ <div style="height : 65px; width: 339px; position : absolute; top : 64px; right
: 0px; margin-right : 0px;">
+ <img src="images/shell/search_bg.png" width="339"
height="65" alt="" border="0" style="position :
absolute; top : 0px; left: 0px">
+ <div style="position : absolute; color : #FFFFFF; font-weight : bold; top :
22px; left : 20px">
+ Search
+ </div>
+ <div style="position : absolute; color : #FFFFFF; font-weight : bold; top :
21px; left : 277px">
+ Find
+ </div>
+ <input type="Text" style="width : 176px; height : 17px; border : 0px;
position : absolute; top : 20px; left : 73px; background : none; font-weight :
bold;">
+ <input type="Image" src="images/shell/spacer.gif"
border="0" style="width : 61px; height : 18px; position : absolute; top :
20px; left : 261px;">
+ <div style="position : absolute; top : 41px; left : 197px">
+ <a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
+ </div>
+ </div>
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
+ <img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
+ <div style="position : absolute; color : white; top : 7px; left :
45px">
+ in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
+ </div>
+ <div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
+ </div>
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
+ <a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
+ </div>
+ </div>
+</form>
+
+<div style="height : 52px; width: 79px; position : absolute; top : 0px; left :
278px; visibility : vidden;">
+ <img src="images/shell/ai.png" width="52" height="79"
alt="" border="0" style="position : absolute; top : 0px; left:
0px">
+ <img src="images/shell/ai.gif" width="26" height="26"
alt="" border="0" style="position : absolute; top : 26px; left:
13px">
+</div>
+</body>
+</html>
Added: management/design/realWorldDemo/html/images/shell/ico_help.png
===================================================================
(Binary files differ)
Property changes on: management/design/realWorldDemo/html/images/shell/ico_help.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/realWorldDemo/html/images/shell/ico_warning.png
===================================================================
(Binary files differ)
Property changes on: management/design/realWorldDemo/html/images/shell/ico_warning.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Modified: management/design/realWorldDemo/html/pabm3.css
===================================================================
--- management/design/realWorldDemo/html/pabm3.css 2009-03-23 02:34:48 UTC (rev 13086)
+++ management/design/realWorldDemo/html/pabm3.css 2009-03-23 09:49:53 UTC (rev 13087)
@@ -73,7 +73,7 @@
.button_103 {margin : 0px 0px 0px 0px; position : relative; width : 103px; height :
28px;}
.button_103 img {position : absolute; top : 0px; left : 0px;}
-.button_103 div {position : relative; color : #ffffff; top : 0px; left : 0px; width :
103px; text-align : center; margin-top : 7px;}
+.button_103 div {position : relative; color : #ffffff; top : 0px; left : 0px; width :
103px; text-align : center; padding-top : 7px;}
.button_103 input {position : absolute; top : 0px; left : 0px;"}
.reg_table{padding : 0px 10px 10px 0px;}
Modified: management/design/realWorldDemo/html/photo.html
===================================================================
--- management/design/realWorldDemo/html/photo.html 2009-03-23 02:34:48 UTC (rev 13086)
+++ management/design/realWorldDemo/html/photo.html 2009-03-23 09:49:53 UTC (rev 13087)
@@ -638,15 +638,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Modified: management/design/realWorldDemo/html/photo_edit.html
===================================================================
--- management/design/realWorldDemo/html/photo_edit.html 2009-03-23 02:34:48 UTC (rev
13086)
+++ management/design/realWorldDemo/html/photo_edit.html 2009-03-23 09:49:53 UTC (rev
13087)
@@ -584,15 +584,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Modified: management/design/realWorldDemo/html/register_edit_person.html
===================================================================
--- management/design/realWorldDemo/html/register_edit_person.html 2009-03-23 02:34:48 UTC
(rev 13086)
+++ management/design/realWorldDemo/html/register_edit_person.html 2009-03-23 09:49:53 UTC
(rev 13087)
@@ -557,15 +557,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : !none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Modified: management/design/realWorldDemo/html/search_result_albums.html
===================================================================
--- management/design/realWorldDemo/html/search_result_albums.html 2009-03-23 02:34:48 UTC
(rev 13086)
+++ management/design/realWorldDemo/html/search_result_albums.html 2009-03-23 09:49:53 UTC
(rev 13087)
@@ -698,15 +698,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Modified: management/design/realWorldDemo/html/search_result_photos.html
===================================================================
--- management/design/realWorldDemo/html/search_result_photos.html 2009-03-23 02:34:48 UTC
(rev 13086)
+++ management/design/realWorldDemo/html/search_result_photos.html 2009-03-23 09:49:53 UTC
(rev 13087)
@@ -824,15 +824,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Modified: management/design/realWorldDemo/html/search_result_shelves.html
===================================================================
--- management/design/realWorldDemo/html/search_result_shelves.html 2009-03-23 02:34:48
UTC (rev 13086)
+++ management/design/realWorldDemo/html/search_result_shelves.html 2009-03-23 09:49:53
UTC (rev 13087)
@@ -759,15 +759,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Modified: management/design/realWorldDemo/html/search_result_users.html
===================================================================
--- management/design/realWorldDemo/html/search_result_users.html 2009-03-23 02:34:48 UTC
(rev 13086)
+++ management/design/realWorldDemo/html/search_result_users.html 2009-03-23 09:49:53 UTC
(rev 13087)
@@ -793,15 +793,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
Modified: management/design/realWorldDemo/html/shelf.html
===================================================================
--- management/design/realWorldDemo/html/shelf.html 2009-03-23 02:34:48 UTC (rev 13086)
+++ management/design/realWorldDemo/html/shelf.html 2009-03-23 09:49:53 UTC (rev 13087)
@@ -559,15 +559,18 @@
<a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>
- <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <div style="height : 110px; width: 327px; position : absolute; top : 107px;
right : 5px; background : none; display : none; overflow : hidden;">
<img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
<div style="position : absolute; color : white; top : 7px; left :
45px">
in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
</div>
<div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
- for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Shelves
</div>
- <div style="position : absolute; top : 70px; left : 163px">
+ <div style="position : absolute; color : white; top : 52px; padding-top : 3px;
left : 58px; border-top : 1px solid #383838">
+ <input type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 90px; left : 163px">
<a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
</div>
</div>