JBoss Rich Faces SVN: r12909 - in management/design/realWorldDemo/html: images/shell and 1 other directory.
10:58 a.m.
Author: admitriev
Date: 2009-03-10 11:58:41 -0400 (Tue, 10 Mar 2009)
New Revision: 12909
Added:
management/design/realWorldDemo/html/images/shell/avatar_w_default.png
management/design/realWorldDemo/html/pabm3.css
Modified:
management/design/realWorldDemo/html/album.html
management/design/realWorldDemo/html/photo.html
management/design/realWorldDemo/html/photo_edit.html
management/design/realWorldDemo/html/shelf.html
Log:
Modified: management/design/realWorldDemo/html/album.html
===================================================================
--- management/design/realWorldDemo/html/album.html 2009-03-10 15:46:14 UTC (rev 12908)
+++ management/design/realWorldDemo/html/album.html 2009-03-10 15:58:41 UTC (rev 12909)
@@ -3,83 +3,9 @@
<html>
<head>
<title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="common.css">
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
</head>
-<style>
- *{font-family : verdana; font-size : 11px}
- body {margin : 0px; background : url(images/shell/page_bg.gif) repeat-x #D7D7D7; height
: 100%}
- h1{font-size : 175%; font-weight : normal; margin : 0px;}
- .top_part {height : 116px;}
- .header_box {height : 79px; position : relative;}
- .auth_box {position : absolute; font-weight : bold; color : #ffffff; right : 8px; top :
42px}
- .auth_data {vertical-align : top; padding : 0px 8px 0px 15px; font-weight : bold; color
: #ffffff;}
- .auth_data span {color : #FF7200;}
- .about_toolbar {position : absolute; right : 8px; top : 12px;}
- .about_toolbar_item {vertical-align : top; padding : 0px 8px 0px 15px;}
- .about_toolbar_item a{font-size : 11px; color : #ffffff; text-decoration : none;}
- .about_toolbar_item a:hover{font-size : 11px; color : #ffffff; text-decoration :
underline;}
-
- .content_box {padding : 15px 35px 15px 35px;}
- .content_box p {margin : 0px 0px 5px 0px; FONT-SIZE : 12PX}
- a{color : #DF6400;}
-
-
- .preview_box_album_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_80 img.pr_album_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_album_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_80 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_80 div.album_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_80 div.album_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_120 img.pr_album_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_album_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_120 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_120 div.album_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_120 div.album_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_160 img.pr_album_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_album_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_160 table img{margin: 0px 0px 1px 1px; border : 1px solid #FFFFFF;}
- .preview_box_album_160 div.album_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_160 div.album_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
-
- .preview_box_photo_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_80 img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_80 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_80 div.photo_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_80 div.photo_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_120 img.pr_photo_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_photo_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_120 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_120 div.photo_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_120 div.photo_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_160 img.pr_photo_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_photo_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_160 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_160 div.photo_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_160 div.photo_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
- .preview_box_photo_nav {width : 100px; height : 100px; position : relative; float :
left; margin : 0px 2px 0px 0px;}
- .preview_box_photo_nav img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_nav table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_nav table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_nav table img.sel{margin: 0px 0px 0px 0px; border : 3px solid
#DF6400;}
-
-
-
-</style>
-
<body>
<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
Added: management/design/realWorldDemo/html/images/shell/avatar_w_default.png
===================================================================
(Binary files differ)
Property changes on:
management/design/realWorldDemo/html/images/shell/avatar_w_default.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/realWorldDemo/html/pabm3.css
===================================================================
--- management/design/realWorldDemo/html/pabm3.css (rev 0)
+++ management/design/realWorldDemo/html/pabm3.css 2009-03-10 15:58:41 UTC (rev 12909)
@@ -0,0 +1,79 @@
+*{font-family : verdana; font-size : 11px}
+body {margin : 0px; background : url(images/shell/page_bg.gif) repeat-x #D7D7D7; height :
100%}
+h1{font-size : 175%; font-weight : normal; margin : 0px;}
+.top_part {height : 116px;}
+.header_box {height : 79px; position : relative;}
+.auth_box {position : absolute; font-weight : bold; color : #ffffff; right : 8px; top :
42px}
+.auth_data {vertical-align : top; padding : 0px 8px 0px 15px; font-weight : bold; color :
#ffffff;}
+.auth_data span {color : #FF7200;}
+.about_toolbar {position : absolute; right : 8px; top : 12px;}
+.about_toolbar_item {vertical-align : top; padding : 0px 8px 0px 15px;}
+.about_toolbar_item a{font-size : 11px; color : #ffffff; text-decoration : none;}
+.about_toolbar_item a:hover{font-size : 11px; color : #ffffff; text-decoration :
underline;}
+
+.content_box {padding : 15px 35px 45px 35px;}
+.content_box p {margin : 0px 0px 5px 0px; FONT-SIZE : 12PX}
+
+a{color : #DF6400;}
+
+
+.preview_box_album_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
+.preview_box_album_80 img.pr_album_bg {width : 100px; height : 100px; position :
absolute;}
+.preview_box_album_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
+.preview_box_album_80 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
+.preview_box_album_80 div.album_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
+.preview_box_album_80 div.album_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
+
+.preview_box_album_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
+.preview_box_album_120 img.pr_album_bg {width : 140px; height : 140px; position :
absolute;}
+.preview_box_album_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
+.preview_box_album_120 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
+.preview_box_album_120 div.album_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
+.preview_box_album_120 div.album_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
+
+.preview_box_album_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
+.preview_box_album_160 img.pr_album_bg {width : 180px; height : 180px; position :
absolute;}
+.preview_box_album_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
+.preview_box_album_160 table img{margin: 0px 0px 1px 1px; border : 1px solid #FFFFFF;}
+.preview_box_album_160 div.album_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
+.preview_box_album_160 div.album_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
+
+
+
+.preview_box_photo_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
+.preview_box_photo_80 img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
+.preview_box_photo_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
+.preview_box_photo_80 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
+.preview_box_photo_80 div.photo_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
+.preview_box_photo_80 div.photo_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
+
+.preview_box_photo_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
+.preview_box_photo_120 img.pr_photo_bg {width : 140px; height : 140px; position :
absolute;}
+.preview_box_photo_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
+.preview_box_photo_120 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
+.preview_box_photo_120 div.photo_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
+.preview_box_photo_120 div.photo_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
+
+.preview_box_photo_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
+.preview_box_photo_160 img.pr_photo_bg {width : 180px; height : 180px; position :
absolute;}
+.preview_box_photo_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
+.preview_box_photo_160 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
+.preview_box_photo_160 div.photo_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
+.preview_box_photo_160 div.photo_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
+
+
+.preview_box_photo_nav {width : 100px; height : 100px; position : relative; float : left;
margin : 0px 2px 0px 0px;}
+.preview_box_photo_nav img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
+.preview_box_photo_nav table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
+.preview_box_photo_nav table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
+.preview_box_photo_nav table img.sel{margin: 0px 0px 0px 0px; border : 3px solid
#DF6400;}
+
+a.breadcrumb {color : #666666; text-decoration : none;}
+a.breadcrumb:hover {color : #DF6400; text-decoration : underline;}
+
+.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 input {position : absolute; top : 0px; left : 0px;"}
+
+
Modified: management/design/realWorldDemo/html/photo.html
===================================================================
--- management/design/realWorldDemo/html/photo.html 2009-03-10 15:46:14 UTC (rev 12908)
+++ management/design/realWorldDemo/html/photo.html 2009-03-10 15:58:41 UTC (rev 12909)
@@ -3,82 +3,9 @@
<html>
<head>
<title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="common.css">
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
</head>
-<style>
- *{font-family : verdana; font-size : 11px}
- body {margin : 0px; background : url(images/shell/page_bg.gif) repeat-x #D7D7D7; height
: 100%}
- h1{font-size : 175%; font-weight : normal; margin : 0px;}
- .top_part {height : 116px;}
- .header_box {height : 79px; position : relative;}
- .auth_box {position : absolute; font-weight : bold; color : #ffffff; right : 8px; top :
42px}
- .auth_data {vertical-align : top; padding : 0px 8px 0px 15px; font-weight : bold; color
: #ffffff;}
- .auth_data span {color : #FF7200;}
- .about_toolbar {position : absolute; right : 8px; top : 12px;}
- .about_toolbar_item {vertical-align : top; padding : 0px 8px 0px 15px;}
- .about_toolbar_item a{font-size : 11px; color : #ffffff; text-decoration : none;}
- .about_toolbar_item a:hover{font-size : 11px; color : #ffffff; text-decoration :
underline;}
-
- .content_box {padding : 15px 35px 45px 35px;}
- .content_box p {margin : 0px 0px 5px 0px; FONT-SIZE : 12PX}
- a{color : #DF6400;}
-
-
- .preview_box_album_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_80 img.pr_album_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_album_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_80 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_80 div.album_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_80 div.album_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_120 img.pr_album_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_album_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_120 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_120 div.album_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_120 div.album_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_160 img.pr_album_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_album_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_160 table img{margin: 0px 0px 1px 1px; border : 1px solid #FFFFFF;}
- .preview_box_album_160 div.album_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_160 div.album_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
-
- .preview_box_photo_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_80 img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_80 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_80 div.photo_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_80 div.photo_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_120 img.pr_photo_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_photo_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_120 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_120 div.photo_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_120 div.photo_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_160 img.pr_photo_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_photo_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_160 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_160 div.photo_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_160 div.photo_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
- .preview_box_photo_nav {width : 100px; height : 100px; position : relative; float :
left; margin : 0px 2px 0px 0px;}
- .preview_box_photo_nav img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_nav table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_nav table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_nav table img.sel{margin: 0px 0px 0px 0px; border : 3px solid
#DF6400;}
-
-
-</style>
-
<body>
<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
@@ -398,7 +325,7 @@
<tr>
<td>
<h1 style="margin-bottom : 4px">Photo name (0-50 symb; first
cann't be SPACE symb)</h1>
- <span style="color : #666666">Album «Album
name»</span>
+ <a href="#" class="breadcrumb">Shelf «Shelf
name»</a> :: <a href="#"
class="breadcrumb">Album «Album name»</a>
</td>
<td style=" padding : 8px 0px 0px 20px; vertical-align : top; white-space
: nowrap">
</td>
@@ -477,30 +404,30 @@
<img src="images/examples/photo_200.jpg" width="500"
height="350" alt="" border="0" style="border : 3px
solid #808080">
</td>
<td valign="top">
- <div style="margin : 26px 0px 0px 0px; position : relative; width :
103px; height : 28px;">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : relative; color : #ffffff; top : 7px; left :
16px">
+ <div class="button_103" style="margin-top : 26px;">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
Original size
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
</td>
</tr>
<tr>
<td valign="bottom" style="padding-bottom : 5px">
- <div style="margin : 0px 0px 0px 0px; position : relative; width :
103px; height : 28px;">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : relative; color : #ffffff; top : 7px; left :
39px">
+ <div class="button_103" style="">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
Edit
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
- <div style="margin : 0px 0px 0px 0px; position : relative; width :
103px; height : 28px;">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : relative; color : #ffffff; top : 7px; left :
32px">
+ <div class="button_103" style="">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0"
class="button_103_bg">
+ <div>
Delete
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
</td>
@@ -531,7 +458,7 @@
<table cellpadding="0">
<tr>
<td>
- <a href="#"><img
src="images/shell/avatar_default.png" width="80" height="80"
alt="" border="0"></a><br>
+ <a href="#"><img
src="images/shell/avatar_w_default.png" width="80"
height="80" alt="" border="0"></a><br>
</td>
</tr>
</table>
@@ -595,7 +522,7 @@
<table cellpadding="0">
<tr>
<td>
- <a href="#"><img
src="images/shell/avatar_default.png" width="80" height="80"
alt="" border="0"></a><br>
+ <a href="#"><img
src="images/shell/avatar_w_default.png" width="80"
height="80" alt="" border="0"></a><br>
</td>
</tr>
</table>
@@ -651,12 +578,12 @@
</tr>
</table>
- <div style="margin : 0px 0px 0px 0px; position : relative; width : 103px;
height : 28px;">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : relative; color : #ffffff; top : 7px; left :
11px">
+ <div class="button_103">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
Add comment
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
</div>
Modified: management/design/realWorldDemo/html/photo_edit.html
===================================================================
--- management/design/realWorldDemo/html/photo_edit.html 2009-03-10 15:46:14 UTC (rev
12908)
+++ management/design/realWorldDemo/html/photo_edit.html 2009-03-10 15:58:41 UTC (rev
12909)
@@ -3,84 +3,9 @@
<html>
<head>
<title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="common.css">
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
</head>
-<style>
- *{font-family : verdana; font-size : 11px}
- body {margin : 0px; background : url(images/shell/page_bg.gif) repeat-x #D7D7D7; height
: 100%}
- h1{font-size : 175%; font-weight : normal; margin : 0px;}
- .top_part {height : 116px;}
- .header_box {height : 79px; position : relative;}
- .auth_box {position : absolute; font-weight : bold; color : #ffffff; right : 8px; top :
42px}
- .auth_data {vertical-align : top; padding : 0px 8px 0px 15px; font-weight : bold; color
: #ffffff;}
- .auth_data span {color : #FF7200;}
- .about_toolbar {position : absolute; right : 8px; top : 12px;}
- .about_toolbar_item {vertical-align : top; padding : 0px 8px 0px 15px;}
- .about_toolbar_item a{font-size : 11px; color : #ffffff; text-decoration : none;}
- .about_toolbar_item a:hover{font-size : 11px; color : #ffffff; text-decoration :
underline;}
-
- .content_box {padding : 15px 35px 45px 35px;}
- .content_box p {margin : 0px 0px 5px 0px; FONT-SIZE : 12PX}
- a{color : #DF6400;}
-
-
- .preview_box_album_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_80 img.pr_album_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_album_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_80 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_80 div.album_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_80 div.album_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_120 img.pr_album_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_album_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_120 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_120 div.album_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_120 div.album_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_160 img.pr_album_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_album_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_160 table img{margin: 0px 0px 1px 1px; border : 1px solid #FFFFFF;}
- .preview_box_album_160 div.album_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_160 div.album_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
-
- .preview_box_photo_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_80 img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_80 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_80 div.photo_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_80 div.photo_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_120 img.pr_photo_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_photo_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_120 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_120 div.photo_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_120 div.photo_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_160 img.pr_photo_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_photo_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_160 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_160 div.photo_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_160 div.photo_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
- .preview_box_photo_nav {width : 100px; height : 100px; position : relative; float :
left; margin : 0px 2px 0px 0px;}
- .preview_box_photo_nav img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_nav table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_nav table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_nav table img.sel{margin: 0px 0px 0px 0px; border : 3px solid
#DF6400;}
-
-
-
-
-</style>
-
<body>
<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
@@ -479,30 +404,30 @@
<img src="images/examples/photo_200.jpg" width="500"
height="350" alt="" border="0" style="border : 3px
solid #808080">
</td>
<td valign="top">
- <div style="margin : 26px 0px 0px 0px; position : relative; width :
103px; height : 28px; display : none;">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : relative; color : #ffffff; top : 7px; left :
16px">
+ <div class="button_103" style="margin-top : 26px; display :
none;">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
Original size
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
</td>
</tr>
<tr>
<td valign="bottom" style="padding-bottom : 5px">
- <div style="margin : 0px 0px 0px 0px; position : relative; width :
103px; height : 28px; display : none;">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : relative; color : #ffffff; top : 7px; left :
39px">
+ <div class="button_103" style="display : none;">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
Edit
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
- <div style="margin : 0px 0px 0px 0px; position : relative; width :
103px; height : 28px; display : none;">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : relative; color : #ffffff; top : 7px; left :
32px">
+ <div class="button_103" style="display : none;">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0"
class="button_103_bg">
+ <div>
Delete
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
</td>
@@ -581,26 +506,26 @@
</td>
<td width="100%" valign="top" align="right"
colspan="2" style="padding : 10px 10px 10px 10px;">
- <div style="margin : 0px 0px 0px 0px; position : relative; width :
103px; height : 28px; float : left">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : absolute; color : #ffffff; top : 7px; left :
11px">
+ <div class="button_103" style="float : left">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
Delete
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
- <div style="margin : 0px 0px 0px 0px; position : relative; width :
103px; height : 28px; float : right">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : absolute; color : #ffffff; top : 7px; left :
11px">
+ <div class="button_103" style="float : right">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
Cancel
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
- <div style="margin : 0px 0px 0px 0px; position : relative; width :
103px; height : 28px; float : right"">
- <img src="images/shell/button.png" width="103"
height="28" alt="" border="0" style="position :
absolute; top : 0px; left : 0px;">
- <div style="position : absolute; color : #ffffff; top : 7px; left :
11px; font-weight : bold;">
+ <div class="button_103" style="float : right">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div style="font-weight : bold;">
Save
</div>
- <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0"
style="position : absolute; top : 0px; left : 0px;">
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
</div>
</td>
</tr>
@@ -673,7 +598,7 @@
</div>
</form>
-<div style="height : 52px; width: 79px; position : absolute; top : 0px; left :
278px; visibility : vidden;">
+<div class="ai_status" style="height : 52px; width: 79px; position :
absolute; top : 0px; left : 278px; display : !none;">
<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>
Modified: management/design/realWorldDemo/html/shelf.html
===================================================================
--- management/design/realWorldDemo/html/shelf.html 2009-03-10 15:46:14 UTC (rev 12908)
+++ management/design/realWorldDemo/html/shelf.html 2009-03-10 15:58:41 UTC (rev 12909)
@@ -3,84 +3,9 @@
<html>
<head>
<title>Untitled</title>
- <link rel="STYLESHEET" type="text/css"
href="common.css">
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
</head>
-<style>
- *{font-family : verdana; font-size : 11px}
- body {margin : 0px; background : url(images/shell/page_bg.gif) repeat-x #D7D7D7; height
: 100%}
- h1{font-size : 175%; font-weight : normal; margin : 0px;}
- .top_part {height : 116px;}
- .header_box {height : 79px; position : relative;}
- .auth_box {position : absolute; font-weight : bold; color : #ffffff; right : 8px; top :
42px}
- .auth_data {vertical-align : top; padding : 0px 8px 0px 15px; font-weight : bold; color
: #ffffff;}
- .auth_data span {color : #FF7200;}
- .about_toolbar {position : absolute; right : 8px; top : 12px;}
- .about_toolbar_item {vertical-align : top; padding : 0px 8px 0px 15px;}
- .about_toolbar_item a{font-size : 11px; color : #ffffff; text-decoration : none;}
- .about_toolbar_item a:hover{font-size : 11px; color : #ffffff; text-decoration :
underline;}
-
- .content_box {padding : 15px 35px 15px 35px;}
- .content_box p {margin : 0px 0px 5px 0px; FONT-SIZE : 12PX}
- a{color : #DF6400;}
-
-
- .preview_box_album_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_80 img.pr_album_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_album_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_80 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_80 div.album_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_80 div.album_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_120 img.pr_album_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_album_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_120 table img{margin: 0px 0px 2px 0px; border : 1px solid #FFFFFF;}
- .preview_box_album_120 div.album_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_120 div.album_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_album_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_album_160 img.pr_album_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_album_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_album_160 table img{margin: 0px 0px 1px 1px; border : 1px solid #FFFFFF;}
- .preview_box_album_160 div.album_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_album_160 div.album_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
-
- .preview_box_photo_80 {width : 100px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_80 img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_80 table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_80 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_80 div.photo_name {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_80 div.photo_data {text-align : center; overflow : hidden; width :
100px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_120 {width : 140px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_120 img.pr_photo_bg {width : 140px; height : 140px; position :
absolute;}
- .preview_box_photo_120 table{position : relative; width : 140px; height : 140px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_120 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_120 div.photo_name {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_120 div.photo_data {text-align : center; overflow : hidden; width :
140px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
- .preview_box_photo_160 {width : 180px; position : relative; float : left; margin : 0px
10px 10px 0px;}
- .preview_box_photo_160 img.pr_photo_bg {width : 180px; height : 180px; position :
absolute;}
- .preview_box_photo_160 table{position : relative; width : 180px; height : 180px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_160 table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_160 div.photo_name {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; margin-top : 3px; text-overflow: ellipsis; height : 14px;}
- .preview_box_photo_160 div.photo_data {text-align : center; overflow : hidden; width :
180px; white-space : nowrap; text-overflow: ellipsis; color : #666666; font-size : 10px;
height : 14px}
-
-
- .preview_box_photo_nav {width : 100px; height : 100px; position : relative; float :
left; margin : 0px 2px 0px 0px;}
- .preview_box_photo_nav img.pr_photo_bg {width : 100px; height : 100px; position :
absolute;}
- .preview_box_photo_nav table{position : relative; width : 100px; height : 100px;
text-align : center; vertical-align : middle; border-collapse : collapse;}
- .preview_box_photo_nav table img{margin: 0px 0px 0px 0px; border : 1px solid #FFFFFF;}
- .preview_box_photo_nav table img.sel{margin: 0px 0px 0px 0px; border : 3px solid
#DF6400;}
-
-
-
-
-</style>
-
<body>
<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
5784
days inactive
5784
days old
richfaces-svn-commits@lists.jboss.org
0 comments
1 participants
participants (1)
-
richfaces-svn-commits＠lists.jboss.org