. (
rise) wrote in
dreamscapes2011-09-13 05:00 pm
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png)
Entry tags:
Gradients for Crisped!
Hello! First time submitting themes here, though we should still have a valid CLA from May, 2010, when we submitted some v-gift art.
Theme name/Layout: French Gradients / Crisped
Author:
flatlanders
Info: Info · Source · Preview
Theme name/Layout: Cool Gradients / Crisped
Author:
flatlanders
Info: Info · Source · Preview
These are basically the same theme with different temperatures—Cool Gradients is just French Gradients with the red and blue channels swapped. It seems stable after conversion, but I think it needs some crossbrowser testing and code-checking before we can be sure that it's 100% ready to go.
The gradient in the original layout was an image, but to allow for color customization by users, it's been completely converted to CSS3 linear gradients which use s2 color variables.
We've tested in Chrome and Safari, and it should hopefully work the same in Firefox and Opera. Unfortunately, because IE9 apparently can't do color-stops in CSS3 gradients, it looks like the headerless modules are going to have their gradient running the full length of the box instead of stopping after 30px. Not sure if there's a way to fix that; official documentation wasn't any help and googling around suggested "use an image background instead".
Theme name/Layout: French Gradients / Crisped
Author:
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Info: Info · Source · Preview
Theme name/Layout: Cool Gradients / Crisped
Author:
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Info: Info · Source · Preview
These are basically the same theme with different temperatures—Cool Gradients is just French Gradients with the red and blue channels swapped. It seems stable after conversion, but I think it needs some crossbrowser testing and code-checking before we can be sure that it's 100% ready to go.
The gradient in the original layout was an image, but to allow for color customization by users, it's been completely converted to CSS3 linear gradients which use s2 color variables.
We've tested in Chrome and Safari, and it should hopefully work the same in Firefox and Opera. Unfortunately, because IE9 apparently can't do color-stops in CSS3 gradients, it looks like the headerless modules are going to have their gradient running the full length of the box instead of stopping after 30px. Not sure if there's a way to fix that; official documentation wasn't any help and googling around suggested "use an image background instead".