javascripthtmlcssthemessoundcloud-stratus

Passing CSS sheet into theme setting of Stratus 2 Beta

I'm trying to customize my Stratus 2 Beta with a theme, and so I created a separate CSS file called "stratus.css" and placed that in my CSS folder of my website - with the CSS code being exactly the same as this.

Here's my JS:

jQuery('body').stratus({ 
    links: 'http://soundcloud.com/foofighters/sets/wasting-light',
    theme: 'css/stratus.css'
    /* theme: http://www.stratus.sc/themes/dark.css */
});

Now, everything works great, except for the theme, which seems to not at all be registering, instead inheriting the CSS properties of my website.

I tried adding 

<link href = "css/stratus.css" rel = "stylesheet">

to my HTML, in addition to the necessary scripts

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script>

But none of this works.

Anyone know how to fix this?

Solution

  • Add the full HTTP path for your css file if you are able to do so. 

    jQuery('body').stratus({ 
    links: 'http://soundcloud.com/foofighters/sets/wasting-light',
    theme: 'http://www.yourdomain.com/css/stratus.css'
    /* theme: http://www.stratus.sc/themes/dark.css */
});

    The stratus script uses http://www.stratus.sc as the root url and will in your case search for http://www.stratus.sc/css/stratus.css unless you enter the above.