So I have really simple css file that is generated based on cookie that is fetched using php. Whole css is also displayed using php so it
<?php header("Content-type: text/css");
$rand = $_COOKIE['randTopic'];
echo '
body {
margin-top: 50px;
margin-bottom: 50px;
background: none;
}
.full {
background: url("http://loremflickr.com/1920/1080/' . $rand . '") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
';
?>
Loremflickr is just a service that gives me random image from flickr, I can also choose topic what I am doing actually. So the output css looks exactly like this:
body {
margin-top: 50px;
margin-bottom: 50px;
background: none;
}
.full {
background: url("http://loremflickr.com/1920/1080/wall
") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
As you can see there's a linebreak that I didn't really want, no idea why it's here. I think it could cause the problem, what do you think?
Thank you kindly in advance for any help.