diff options
Diffstat (limited to 'templates/fluid/template_album.html')
| -rw-r--r-- | templates/fluid/template_album.html | 36 |
1 files changed, 20 insertions, 16 deletions
diff --git a/templates/fluid/template_album.html b/templates/fluid/template_album.html index 465c631..2535a58 100644 --- a/templates/fluid/template_album.html +++ b/templates/fluid/template_album.html @@ -2,32 +2,36 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head profile="http://www.w3.org/2005/10/profile"> - <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> - <title>$(PAGE_TITLE)</title> + <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> + <title>$(PAGE_TITLE)</title> <!-- $(CGG_META_TAGS) --> <!-- $(CGG_ATOM_FEED_TAGS) --> - <link href="$(TEMPLATES_PATH)styles.css" type="text/css" rel="stylesheet" media="screen, print" /> - <script type="text/javascript">var NUM_PHOTOS = $(TOTAL_ITEMS);</script> - <script type="text/javascript" src="$(TEMPLATES_PATH)scripts.js">onLoad();</script> - <style> -@media screen and (min-width: 1700px) {<!-- $(BEGIN_IMG_LIST) --> + <script type="text/javascript">var NUM_PHOTOS = $(TOTAL_ITEMS);</script> + <script type="text/javascript" src="$(TEMPLATES_PATH)scripts.js">onLoad();</script> + <style type="text/css"> + a, a:visited, a:hover, a:active { + color: #cccccc; + } + + @media screen and (min-width: 1700px) {<!-- $(BEGIN_IMG_LIST) --> <!-- $(BEGIN_LIST_PICTURE_ALL_SIZES) --><!-- $(ifdef(HAVE_IMG_SIZE_ORIGINAL)) --> - div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__ORIGINAL)px; height: $(IMG_SIZE_H__ORIGINAL)px; }<!-- $(endif(HAVE_IMG_SIZE_ORIGINAL)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) --> + div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__ORIGINAL)px; height: $(IMG_SIZE_H__ORIGINAL)px; }<!-- $(endif(HAVE_IMG_SIZE_ORIGINAL)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) --> <!-- $(END_IMG_LIST) --> -} + } -@media screen and (min-width: 2300px) {<!-- $(BEGIN_IMG_LIST) --> + @media screen and (min-width: 2300px) {<!-- $(BEGIN_IMG_LIST) --> <!-- $(BEGIN_LIST_PICTURE_ALL_SIZES) --><!-- $(ifdef(HAVE_IMG_SIZE_HIRES)) --> - div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__HIRES)px; height: $(IMG_SIZE_H__HIRES)px; }<!-- $(endif(HAVE_IMG_SIZE_HIRES)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) --> + div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__HIRES)px; height: $(IMG_SIZE_H__HIRES)px; }<!-- $(endif(HAVE_IMG_SIZE_HIRES)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) --> <!-- $(END_IMG_LIST) --> -} + } -@media screen and (min-width: 3600px) {<!-- $(BEGIN_IMG_LIST) --> + @media screen and (min-width: 3600px) {<!-- $(BEGIN_IMG_LIST) --> <!-- $(BEGIN_LIST_PICTURE_ALL_SIZES) --><!-- $(ifdef(HAVE_IMG_SIZE_4K)) --> - div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__4K)px; height: $(IMG_SIZE_H__4K)px; }<!-- $(endif(HAVE_IMG_SIZE_4K)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) --> + div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__4K)px; height: $(IMG_SIZE_H__4K)px; }<!-- $(endif(HAVE_IMG_SIZE_4K)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) --> <!-- $(END_IMG_LIST) --> -} - </style> + } + </style> + <link href="$(TEMPLATES_PATH)styles.css" type="text/css" rel="stylesheet" media="screen, print" /> </head> <body> |