Home
by adsmz July 14th 2014, 7:57 amOk here's the low-down:
My forum's theme uses a gradient image for a background, and it tiles vertically. This is ugly on large screens, so I decided to replace it with a CSS gradient. I know the code is correct, because I've used the generator I used on other projects.
In this case, I opted to just copy-paste the whole basic CSS from the theme, and replace the background image bits with the gradient:
Now, I made sure that "Deactivate basic CSS" was set to yes, and saved the stylesheet.
Clicking "Submit" sent me to a completely blank page, so I reloaded. Stylesheet showed up completely blank. Just to check, I reloaded the forum itself. No styling.
What might be causing this, and is it something I can fix?
My forum's theme uses a gradient image for a background, and it tiles vertically. This is ugly on large screens, so I decided to replace it with a CSS gradient. I know the code is correct, because I've used the generator I used on other projects.
In this case, I opted to just copy-paste the whole basic CSS from the theme, and replace the background image bits with the gradient:
- Spoilered for size:
- Code:
body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #9d9a8c;
background-color: #131314;
background-image: url('http://2img.net/s/t/20/30/43/i_background.jpg');
background-attachment: fixed;
font-size: 10px;
height: auto;
padding: 10px 0px;
}
- Code:
body {
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #9d9a8c;
/*background-color: #131314;
background-image: url('http://2img.net/s/t/20/30/43/i_background.jpg');
background-attachment: fixed;*/
/*begin gradient edit*/
background: #ff9600; /* Old browsers */
background: -moz-linear-gradient(top, Â #ff9600 0%, #ff9600 25%, #ffffff 75%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9600), color-stop(25%,#ff9600), color-stop(75%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, Â #ff9600 0%,#ff9600 25%,#ffffff 75%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, Â #ff9600 0%,#ff9600 25%,#ffffff 75%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, Â #ff9600 0%,#ff9600 25%,#ffffff 75%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, Â #ff9600 0%,#ff9600 25%,#ffffff 75%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9600', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/*end gradient edit*/
Â
font-size: 10px;
height: auto;
padding: 10px 0px;
}
Now, I made sure that "Deactivate basic CSS" was set to yes, and saved the stylesheet.
Clicking "Submit" sent me to a completely blank page, so I reloaded. Stylesheet showed up completely blank. Just to check, I reloaded the forum itself. No styling.
What might be causing this, and is it something I can fix?
