From 4106c2a524aee09776998ceb21ea4fd350128f1b Mon Sep 17 00:00:00 2001 From: gweltas Date: Thu, 23 Sep 2004 16:42:11 +0000 Subject: - New template for picture.tpl - Creation of a menu bar in the picture display git-svn-id: http://piwigo.org/svn/trunk@531 68402e56-0260-453c-a942-63ccdbb3a9ee --- template/default/default.css | 128 +++++++++++++++-------- template/default/footer.tpl | 33 +++--- template/default/header.tpl | 4 +- template/default/picture.tpl | 185 ++++++++++++++++++---------------- template/default/theme/categories.gif | Bin 0 -> 976 bytes template/default/theme/download.gif | Bin 0 -> 1028 bytes template/default/theme/eCard.gif | Bin 0 -> 961 bytes template/default/theme/metadata.gif | Bin 0 -> 1020 bytes template/default/theme/properties.gif | Bin 0 -> 1010 bytes template/default/theme/slideshow.gif | Bin 0 -> 1017 bytes 10 files changed, 200 insertions(+), 150 deletions(-) create mode 100644 template/default/theme/categories.gif create mode 100644 template/default/theme/download.gif create mode 100644 template/default/theme/eCard.gif create mode 100644 template/default/theme/metadata.gif create mode 100644 template/default/theme/properties.gif create mode 100644 template/default/theme/slideshow.gif (limited to 'template/default') diff --git a/template/default/default.css b/template/default/default.css index b41fdfaf0..7e2d58e95 100644 --- a/template/default/default.css +++ b/template/default/default.css @@ -1,3 +1,33 @@ +/*POSITION*/ +#gauche,#droite +{ + float:left; + width:18%; + text-align:left; +} + +#centre +{ + float:left; + width:64%; + text-align:center; +} + +#droite +{ + text-align:right; +} + +#left +{ + float:left; +} + +#right +{ + float:right; +} + /* MAIN STYLES */ body { @@ -26,8 +56,17 @@ a:hover { text-decoration:none; color:#FFF48E;} a.none:hover { text-decoration:none;} a.image:hover { text-decoration:none;} a.thumbLink:hover { text-decoration:none;} -/*a.adminMenu:hover{ color : #C6B78E; } -a.adminMenu{ color : #FFF48E; }*/ + +/* LAYOUT STYLE */ + +.main { + background-color:#444444; + border: 1px solid #E0E0E0; + width:100%; + padding-bottom:30px; + text-align:center; + display:block; +} /* Navigation styles */ @@ -46,18 +85,12 @@ a.adminMenu{ color : #FFF48E; }*/ text-align:center; } -.titrePage +.titrePage { + font-family: 'Trebuchet MS', Verdana, sans-serif; text-align:left; font-size:16px; - margin-bottom:5px; -} - -.titreImg{ - text-align:center; - font-size:16px; - color:#FFF48E; - font-weight:600; + /*margin-bottom:5px;*/ } .menu { @@ -69,7 +102,6 @@ a.adminMenu{ color : #FFF48E; }*/ ul.menu { text-align:left; - /* list-style-image : url(theme/collapsed.gif); */ list-style-type: square ; padding-left:15px; margin:5px; @@ -96,6 +128,47 @@ ul.menu { margin : 10px 4px 10px 4px; } +#imgBarMenu +{ + width:100%; + display:block; + height:25px; + background-image: url(theme/button_bg.gif); + border-bottom: 1px solid #000000; +} + +.imgMenu +{ + width:48px; + border:none; + float:left; +} + +.imgMenu img +{ + border:none; + text-align:center; + margin-top:4px; +} + +.imgMenu a +{ + display:block; + background-image: url(theme/button_bg.gif); + height: 25px; + border-bottom: 1px solid #000000; + border-left: 1px solid #838383; + border-right: 1px solid #000000; +} + +.imgMenu a:hover +{ + background-image:url(theme/tableh1_bg.gif); + border-bottom: 1px solid #3F3F3F; + border-left: 1px solid #3F3F3F; + border-right: 1px solid #3F3F3F; +} + .commentImage { text-align:justify; font-style:italic; @@ -106,20 +179,10 @@ ul.menu { .nameImage { text-align:center; - font-size:24px; - background-color: #666666; - border-top: 1px solid #222222; - border-bottom: 1px solid #222222; + font-size:20px; } /* Table styles */ -.main { - background-color:#444444; - border: 1px solid #E0E0E0; - width:100%; - padding-bottom:30px; -} - .table1, .home { border: 1px solid #000000; @@ -349,22 +412,3 @@ span.update_error_element, span.update_category_error { .update_summary_del { color:#ffe1e1; } - -div.remoteOutput { - background-color:#444444; - border:1px solid black; - margin:10px; - text-align:left; -} - -li.remoteInfo { - color:gray; -} - -li.remoteWarning { - color:#ffe1e1; -} - -li.remoteError { - color:orange; -} \ No newline at end of file diff --git a/template/default/footer.tpl b/template/default/footer.tpl index bceb9e234..2dfa4db57 100644 --- a/template/default/footer.tpl +++ b/template/default/footer.tpl @@ -1,24 +1,21 @@ -
- - {L_GEN_TIME} {TIME} :: - +
+ + {L_GEN_TIME} {TIME} :: + - + - Powered by PhpWebGallery - {VERSION} :: + Powered by PhpWebGallery + {VERSION} :: - {L_SEND_MAIL} - - {L_WEBMASTER} - + {L_SEND_MAIL} + + {L_WEBMASTER} + -
- - - - +
+ diff --git a/template/default/header.tpl b/template/default/header.tpl index d19afdcfa..9c4d355e8 100644 --- a/template/default/header.tpl +++ b/template/default/header.tpl @@ -13,6 +13,4 @@ - - -
\ No newline at end of file +
\ No newline at end of file diff --git a/template/default/picture.tpl b/template/default/picture.tpl index 981174558..7a39e34be 100644 --- a/template/default/picture.tpl +++ b/template/default/picture.tpl @@ -1,84 +1,101 @@ - -
{information.INFORMATION}
- - -
- [ {L_SLIDESHOW} : - - {start_slideshow.second.SLIDESHOW_SPEED} - - {L_TIME} ] -
- - - - - - -
-
-
{CATEGORY}
-
{PHOTO}
- - {ALT_IMG} - -
{TITLE}
- -
[ {L_DOWNLOAD} ]
- - -
{legend.COMMENT_IMG}
- -
- - - - - - -
- - - - {previous.TITLE_IMG} - - - - - - - - - - -
{info_line.INFO} : {info_line.VALUE}
- 		- - - {next.TITLE_IMG} - - - -
- -
- - {favorite.FAVORITE_ALT} - -
- + +
{information.INFORMATION}
+ +
+
{CATEGORY}
+
{TITLE}
+
{PHOTO}
+
+ +
+ + + + + + + + + + + + + + + +
- - [ {L_PICTURE_SHOW_METADATA} ] - + + {ALT_IMG} + + +
{legend.COMMENT_IMG}
+ - - [ {L_PICTURE_HIDE_METADATA} ] - + + + - +
+  + + + + {previous.TITLE_IMG} + + +
+
+ + + + + + + +
{info_line.INFO} : {info_line.VALUE}
+
+
+ + + {next.TITLE_IMG} + + + +   +
+
+ @@ -103,15 +120,9 @@ - -
- [ {L_ADMIN} ] -
- +
{L_BACK}
- - - +
 
diff --git a/template/default/theme/categories.gif b/template/default/theme/categories.gif new file mode 100644 index 000000000..cd3084434 Binary files /dev/null and b/template/default/theme/categories.gif differ diff --git a/template/default/theme/download.gif b/template/default/theme/download.gif new file mode 100644 index 000000000..bf44419dd Binary files /dev/null and b/template/default/theme/download.gif differ diff --git a/template/default/theme/eCard.gif b/template/default/theme/eCard.gif new file mode 100644 index 000000000..480872c4e Binary files /dev/null and b/template/default/theme/eCard.gif differ diff --git a/template/default/theme/metadata.gif b/template/default/theme/metadata.gif new file mode 100644 index 000000000..69b77ec44 Binary files /dev/null and b/template/default/theme/metadata.gif differ diff --git a/template/default/theme/properties.gif b/template/default/theme/properties.gif new file mode 100644 index 000000000..f843e0636 Binary files /dev/null and b/template/default/theme/properties.gif differ diff --git a/template/default/theme/slideshow.gif b/template/default/theme/slideshow.gif new file mode 100644 index 000000000..79712c3ad Binary files /dev/null and b/template/default/theme/slideshow.gif differ -- cgit v1.2.3
@@ -128,7 +139,7 @@ {comments.comment.COMMENT_DATE} - [{L_DELETE}] + [{L_DELETE}]