diff options
| author | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2021-01-12 22:25:39 +0100 |
|---|---|---|
| committer | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2021-01-15 21:47:22 +0100 |
| commit | 26cd374453e6b8edfdf3ede436a7463861349be9 (patch) | |
| tree | 2afcc7946e0d5bff7ec7d8455708ac73c6697f4f /templates/fluid/template_album.html | |
| parent | d3cbbd5b8ab09f3023bbe5067a39935495e59847 (diff) | |
| download | cataract-26cd374453e6b8edfdf3ede436a7463861349be9.tar.xz | |
fluid: Set default link colour before loading the common CSS file
Recent Webkit-based browsers tend to animate link colour from builtin one
(blue) once the common CSS stylesheet file gets loaded, resulting in
unwanted animation. So set a sane default color within the HTML files
so that the animation goes unnoticed. Still would be great to disable
initial transitions altogether.
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> |