I develop a WordPress theme that uses CSS to form gradients such as this
code
body {
background: #000000;
background: -moz-linear-gradient(top, #c0c0c0, #000000);
background: -o-linear-gradient(top, #c0c0c0, #000000);
background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0),
to(#000000));
background: -webkit-linear-gradient(top, #c0c0c0, #000000);
background: -ms-linear-gradient(top, #c0c0c0 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#C0C0C0', endColorstr='#000000',GradientType=0 );
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#C0C0C0', endColorstr='#000000',GradientType=0 );
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1em;
color: #ffffff;
padding: 30px 0 30px 0;
margin: 0;
}
I've built a Google Translation widget integrated with the theme and it's
interacting with the themes CSS code in the latest versions of Firefox and
Chrome, interestingly for once it's working as expected in IE so there must
be something seriously wrong :-))
Examples.
Running Stallion Theme with the Google Translation enabled
http://www.stallion-theme.com/highlighting-wordpress-authors-in-google-search-results
The main background gradient goes from top to bottom grey to black, start
grey at top (as it should) to black bottom of page that's above the fold
(shouldn't stop there). Scroll down the grey to black restarts, shouldn't
do this.
Same site, same main** colour CSS file
http://www.stallion-theme.com/wp-content/themes/stallion-seo-theme/colors/style-black-gradients.css
with the widget disabled
http://www.stallion-theme.com/wordpress-menu-manager-stallion-theme-feature
(I'll be renabling the widget after this thread dies).
The grey to black starts at the top of the page and ends at the footer,
full page gradient as it should be.
** There's a CSS file for different layouts, it's irrelevant which is used,
same issue: the theme allows choosing from 12 layout css files and 27
colour css files + child theme css files all the colour CSS files with
gradient code have this problem, they can all be viewed at
http://www.stallion-theme.com/ under the heading "Stallion Theme Colour
Schemes", all the links ending in Gradients goes to an example page with a
different colour scheme with the above sort of code.
This only occurs when the translation widget is enabled.
Output for the widget
<div id="st-google-translator-3" class="widget-container
stallion-google-translator"><span class="gat_widget">Stallion Google
Translation</span><div class="loginfm">
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
gaTrack: true,
gaId: 'UA-8249716-5'},
'google_translate_element');
}
</script>
<script type="text/javascript"
src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";></script>
</div>
I use the gradient code for a div as well
#wrap_stallion {
background: #c0c0c0;
background: -moz-linear-gradient(top, #000000, #c0c0c0);
background: -o-linear-gradient(top, #000000, #c0c0c0);
background: -webkit-gradient(linear, left top, left bottom, from(#000000),
to(#c0c0c0));
background: -webkit-linear-gradient(top, #000000, #c0c0c0);
background: -ms-linear-gradient(top, #000000 0%, #c0c0c0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#000000', endColorstr='#c0c0c0',GradientType=0 );
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#000000', endColorstr='#c0c0c0',GradientType=0 );
}
This code isn't being affected by the translation code. The above div is
1000px wide and holds the entire content centered. You can see it goes from
black at the top to grey at the bottom.
Issue must be generated via the file
http://translate.google.com/translate_a/element.js
Any ideas how to fix this?
David
--
You received this message because you are subscribed to the Google Groups
"General" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-translate-general/-/imJQEtlOvw0J.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-translate-general?hl=en.
