/* * It is adviced to place the sIFR JavaScript calls in this file, keeping it * separate from the `sifr.js` file. That way, you can easily swap the `sifr.js` * file for a new version, while keeping the configuration. * * You must load this file *after* loading `sifr.js`. * * That said, you're of course free to merge the JavaScript files. Just make sure * the copyright statement in `sifr.js` is kept intact. * * * Make an object pointing to the location of the Flash movie on your web server. * Try using the font name as the variable name, makes it easy to remember which * object you're using. As an example in this file, we'll use Futura. */ var Color = { "White":"#FFFFFF", "LightBlue":"#2681d1", "Blue":"#3E84C2", "Green":"#2CA468", "Red":"#DA2626", "Orange":"#DEA501", "Gray":"#676666", "Mauve":"#E400FF", "Purple":"#AC06EA", "Cyan":"#28C8CA", "Royal":"#4A56F2", "Pink":"#E81D8B", "Olive":"#A3C43F"} var TextDecoration = { "None":"none", "Underline":"underline" }; var domain = (document.domain == "localhost") ? "http://localhost:8080/livsol" : ""; var frutiger = { src: '' + domain + '/media/FrutigerNext.swf' }; // Now you can set some configuration settings. // See also . // One setting you probably want to use is `sIFR.useStyleCheck`. Before you do that, // read . // sIFR.useStyleCheck = true; // Next, activate sIFR: sIFR.activate(frutiger); // Now we can do the replacements. You can do as many as you like, but just // as an example, we'll replace all `

` elements with the Futura movie. // // The first argument to `sIFR.replace` is the `futura` object we created earlier. // The second argument is another object, on which you can specify a number of // parameters or "keyword arguemnts". For the full list, see "Keyword arguments" // under `replace(kwargs, mergeKwargs)` at // . // // The first argument you see here is `selector`, which is a normal CSS selector. // That means you can also do things like '#content h1' or 'h1.title'. // // The second argument determines what the Flash text looks like. The main text // is styled via the `.sIFR-root` class. Here we've specified `background-color` // of the entire Flash movie to be a light grey, and the `color` of the text to // be red. Read more about styling at . /*sIFR.replace(frutiger, { selector: 'h2', css: '.sIFR-root { background-color: #F9F9F9; color: #FF0000; }' }); */ sIFR.replace(frutiger, { selector: 'h2.blue', css: { // Blue Headings ".sIFR-root": { color: Color.Blue, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============= "a:link": { color: Color.Blue, textDecoration: TextDecoration.None }, // Hosts styles for all blue headings "a:hover": { color: Color.Blue, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.blue-centred', css: { ".sIFR-root": { color: Color.Blue, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Blue, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Blue, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.blue', css: { ".sIFR-root": { color: Color.Blue, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Blue, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Blue, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.mauve', css: { // Muave Headings ".sIFR-root": { color: Color.Mauve, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============== "a:link": { color: Color.Mauve, textDecoration: TextDecoration.None }, // Hosts styles for all mauve headings "a:hover": { color: Color.Mauve, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.mauve-centred', css: { ".sIFR-root": { color: Color.Mauve, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Mauve, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Mauve, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.mauve', css: { ".sIFR-root": { color: Color.Mauve, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Mauve, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Mauve, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.purple', css: { // Purple Headings ".sIFR-root": { color: Color.Purple, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // =============== "a:link": { color: Color.Purple, textDecoration: TextDecoration.None }, // Hosts styles for all purple headings "a:hover": { color: Color.Purple, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.purple-centred', css: { ".sIFR-root": { color: Color.Purple, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Purple, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Purple, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.purple', css: { ".sIFR-root": { color: Color.Purple, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Purple, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Purple, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.cyan', css: { // Cyan Headings ".sIFR-root": { color: Color.Cyan, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============= "a:link": { color: Color.Cyan, textDecoration: TextDecoration.None }, // Hosts styles for all cyan headings "a:hover": { color: Color.Cyan, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: '#newssynd-feed h2', css: { // Cyan Headings ".sIFR-root": { color: Color.White, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============= "a:link": { color: Color.White, textDecoration: TextDecoration.None }, // Hosts styles for all cyan headings "a:hover": { color: Color.White, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.cyan-centred', css: { ".sIFR-root": { color: Color.Cyan, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Cyan, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Cyan, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.cyan', css: { ".sIFR-root": { color: Color.Cyan, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Cyan, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Cyan, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.royal', css: { // Royal Headings ".sIFR-root": { color: Color.Royal, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============== "a:link": { color: Color.Royal, textDecoration: TextDecoration.None }, // Hosts styles for all royal headings "a:hover": { color: Color.Royal, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.royal-centred', css: { ".sIFR-root": { color: Color.Royal, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Royal, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Royal, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.royal', css: { ".sIFR-root": { color: Color.Royal, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Royal, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Royal, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.green', css: { // Green Headings ".sIFR-root": { color: Color.Green, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============== "a:link": { color: Color.Green, textDecoration: TextDecoration.None }, // Hosts styles for all green headings "a:hover": { color: Color.Green, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.green-centred', css: { ".sIFR-root": { color: Color.Green, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Green, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Green, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.green', css: { ".sIFR-root": { color: Color.Green, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Green, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Green, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.red', css: { // Red Headings ".sIFR-root": { color: Color.Red, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============ "a:link": { color: Color.Red, textDecoration: TextDecoration.None }, // Hosts styles for all red headings "a:hover": { color: Color.Red, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.red-centred', css: { ".sIFR-root": { color: Color.Red, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Red, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Red, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.red', css: { ".sIFR-root": { color: Color.Red, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Red, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Red, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.orange', css: { // Orange Headings ".sIFR-root": { color: Color.Orange, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // =============== "a:link": { color: Color.Orange, textDecoration: TextDecoration.None }, // Hosts styles for all red headings "a:hover": { color: Color.Orange, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.orange-centred', css: { ".sIFR-root": { color: Color.Orange, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Orange, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Orange, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.orange', css: { ".sIFR-root": { color: Color.Orange, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Orange, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Orange, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.pink', css: { // Pink Headings ".sIFR-root": { color: Color.Pink, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============= "a:link": { color: Color.Pink, textDecoration: TextDecoration.None }, // Hosts styles for all pink headings "a:hover": { color: Color.Pink, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.pink-centred', css: { ".sIFR-root": { color: Color.Pink, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Pink, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Pink, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.pink', css: { ".sIFR-root": { color: Color.Pink, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Pink, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Pink, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.olive', css: { // Olive Headings ".sIFR-root": { color: Color.Olive, textDecoration: TextDecoration.None, fontSize: "1.6em" }, // ============== "a:link": { color: Color.Olive, textDecoration: TextDecoration.None }, // Hosts styles for all olive headings "a:hover": { color: Color.Olive, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.olive-centred', css: { ".sIFR-root": { color: Color.Olive, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.Olive, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Olive, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h3.olive', css: { ".sIFR-root": { color: Color.Olive, textDecoration: TextDecoration.None, fontSize: "1.4em" }, "a:link": { color: Color.Olive, textDecoration: TextDecoration.None }, "a:hover": { color: Color.Olive, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.sidebox-heading', css: { ".sIFR-root": { color: Color.White, textDecoration: TextDecoration.None, fontSize: "1.6em", textAlign: "center" }, "a:link": { color: Color.White, textDecoration: TextDecoration.None }, "a:hover": { color: Color.White, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.sidebox-heading-left', css: { ".sIFR-root": { color: Color.White, textDecoration: TextDecoration.None, fontSize: "1.6em" }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.post-heading', css: { ".sIFR-root": { color: Color.LightBlue, textDecoration: TextDecoration.None, fontSize: "1.6em" }, "a:link": { color: Color.LightBlue, textDecoration: TextDecoration.None }, "a:hover": { color: Color.LightBlue, textDecoration: TextDecoration.Underline }}, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2.white-centred', css: { ".sIFR-root": { color: Color.White, textAlign:"center" }, "a:link": { color: Color.White, textDecoration: TextDecoration.None }, "a:hover": { color: Color.White, textDecoration: TextDecoration.Underline } }, selectable: false, transparent: true }); sIFR.replace(frutiger, { selector: 'h2', css: { ".sIFR-root": { color: Color.Gray, textDecoration: TextDecoration.None, fontSize: "1.6em" }, "a:link": { color: Color.Gray, textDecoration: TextDecoration.Underline }, "a:hover": { color: Color.Gray, textDecoration: TextDecoration.None }, "em": { color: Color.Blue, fontStyle: "normal", fontWeight: "normal" }, "strong": { color: Color.Green, fontStyle: "normal", fontWeight: "normal" }}, selectable: false, transparent: true });