/***************************************************************************** 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 futura = { src: '/path/to/futura.swf' }; var bold = { src: '/media/proarts/css/sifr/gothamrounded-bold.swf', ratios: [6, 1.24, 7, 1.21, 8, 1.18, 10, 1.16, 11, 1.13, 12, 1.12, 13, 1.11, 15, 1.1, 17, 1.09, 19, 1.08, 22, 1.07, 26, 1.06, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01] }; var medium = { src: '/media/proarts/css/sifr/gothamrounded-medium.swf', ratios: [6, 1.24, 7, 1.21, 8, 1.18, 10, 1.16, 11, 1.13, 12, 1.12, 13, 1.11, 15, 1.1, 17, 1.09, 19, 1.08, 22, 1.07, 26, 1.06, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01] }; var book = { src: '/media/proarts/css/sifr/gothamrounded-book.swf', ratios: [6, 1.24, 7, 1.21, 8, 1.18, 10, 1.16, 11, 1.13, 12, 1.12, 13, 1.11, 15, 1.1, 17, 1.09, 19, 1.08, 22, 1.07, 26, 1.06, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01] }; var book_bold = { src: '/media/proarts/css/sifr/gothamrounded-book-bold.swf', ratios: [6, 1.24, 7, 1.21, 8, 1.18, 10, 1.16, 11, 1.13, 12, 1.12, 13, 1.11, 15, 1.1, 17, 1.09, 19, 1.08, 22, 1.07, 26, 1.06, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01] }; var light = { src: '/media/proarts/css/sifr/gothamrounded-light.swf', ratios: [6, 1.24, 7, 1.21, 8, 1.18, 10, 1.16, 11, 1.13, 12, 1.12, 13, 1.11, 15, 1.1, 17, 1.09, 19, 1.08, 22, 1.07, 26, 1.06, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01] }; var light_med = { src: '/media/proarts/css/sifr/gothamrounded-light-med.swf', ratios: [6, 1.24, 7, 1.21, 8, 1.18, 10, 1.16, 11, 1.13, 12, 1.12, 13, 1.11, 15, 1.1, 17, 1.09, 19, 1.08, 22, 1.07, 26, 1.06, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01] }; // 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(bold, medium, book, book_bold, light); // If you want, you can use multiple movies, like so: // // var futura = { src: '/path/to/futura.swf' }; // var garamond = { src '/path/to/garamond.swf' }; // var rockwell = { src: '/path/to/rockwell.swf' }; // // sIFR.activate(futura, garamond, rockwell); // // Remember, there must be *only one* `sIFR.activate()`! // 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 . // Public headings sIFR.replace(book, { selector: '.public-index .main h1', css: ['.sIFR-root { font-size: 40px; color: #333; }'] }); sIFR.replace(book, { selector: '.public .main h1', css: ['.sIFR-root { font-size: 40px; color: #b5ab7a; }'] }); sIFR.replace(book_bold, { selector: '.public .guest-item .heading div', css: ['.sIFR-root { font-size: 20px; }', '.number { color: #000000; font-size: 36px; text-decoration: none; font-family: Gotham Rounded Bold; }'] }); sIFR.replace(book, { selector: '.common .main h1', css: ['.sIFR-root { font-size: 36px; color: #333; }'] }); // Main nav sIFR.replace(medium, { selector: '#container #header #main-nav ul li span', css: ['.sIFR-root { font-size: 10px; letter-spacing: 1; text-align: center; text-transform: uppercase; }', 'a { color: #5c5c5c; text-decoration: none; }', 'a:link { color: #5c5c5c; }', 'a:hover { color: #5c5c5c; }'], wmode: 'transparent' }); // Main logo sIFR.replace(bold, { selector: '#container #header .logo h1 span', css: [ '.sIFR-root { color: #000000; font-size: 22px; text-decoration: none; }', 'a { color: #000000; text-decoration: none; }', 'a:link { color: #000000; }', 'a:hover { color: #000000; }'], wmode: 'transparent' }); sIFR.replace(book, { selector: '#container #header .logo h2', css: [ '.sIFR-root { color: #000000; font-size: 22px; text-decoration: none; }' ], wmode: 'transparent' }); // Homepage connect count sIFR.replace(book_bold, { selector: '.marketplace-index .connected-count div', css: [ '.sIFR-root { color: #999999; font-size: 15px; }', '.count { color: #00b3d1; font-family: Gotham Rounded Bold; font-size: 20px;}' ], wmode: 'transparent' }); // Node results headers sIFR.replace(light_med, { selector: '.category_connect .node_list h1', css: [ '.sIFR-root { color: #555555; font-family: Gotham Rounded Light; font-size: 22px; }', '.results-count { color: #ca5046; font-size: 42px; font-family: Gotham Rounded Medium; }', '.results-category { color: #555555; font-family: Gotham Rounded Medium; }'], wmode: 'opaque' }); sIFR.replace(light_med, { selector: '.category_events .node_list h1', css: [ '.sIFR-root { color: #555555; font-family: Gotham Rounded Light; font-size: 22px; }', '.results-count { color: #a0b53e; font-size: 42px; font-family: Gotham Rounded Medium; }', '.results-category { color: #555555; font-family: Gotham Rounded Medium; }'], wmode: 'opaque' }); sIFR.replace(light_med, { selector: '.category_marketplace .node_list h1', css: [ '.sIFR-root { color: #555555; font-family: Gotham Rounded Light; font-size: 22px; }', '.results-count { color: #916683; font-size: 42px; font-family: Gotham Rounded Medium; }', '.results-category { color: #555555; font-family: Gotham Rounded Medium; }'], wmode: 'opaque' }); sIFR.replace(light_med, { selector: '.category_housing .node_list h1', css: [ '.sIFR-root { color: #555555; font-family: Gotham Rounded Light; font-size: 22px; }', '.results-count { color: #50aeaf; font-size: 42px; font-family: Gotham Rounded Medium; }', '.results-category { color: #555555; font-family: Gotham Rounded Medium; }'], wmode: 'opaque' }); sIFR.replace(light_med, { selector: '.node_list h1', css: [ '.sIFR-root { color: #555555; font-family: Gotham Rounded Light; font-size: 22px; }', '.results-count { color: #00b3d1; font-size: 42px; font-family: Gotham Rounded Medium; }', '.results-category { color: #555555; font-family: Gotham Rounded Medium; }'], wmode: 'opaque' }); // Body headings sIFR.replace(book_bold, { selector: '.body-wrapper h1', css: [ '.sIFR-root { color: #666666; font-size: 20px; }', '.bold { font-family: Gotham Rounded Bold; }' ], wmode: 'transparent' });