diff options
| author | Teddy Wing | 2013-04-27 18:20:41 -0400 | 
|---|---|---|
| committer | Teddy Wing | 2013-04-27 18:20:41 -0400 | 
| commit | 4b14305623d5ddc59f435fc5e35c54c0def1d392 (patch) | |
| tree | ef780015587343a48c46a59a7ccd0263308d062a /public/javascripts/vendor/ContentFlow/mycontentflow.css | |
| parent | 52127aee97d0d16be652d2063c9aefbbef234f43 (diff) | |
| download | Who-am-I-4b14305623d5ddc59f435fc5e35c54c0def1d392.tar.bz2 | |
Change to node/express app
Diffstat (limited to 'public/javascripts/vendor/ContentFlow/mycontentflow.css')
| -rw-r--r-- | public/javascripts/vendor/ContentFlow/mycontentflow.css | 120 | 
1 files changed, 120 insertions, 0 deletions
| diff --git a/public/javascripts/vendor/ContentFlow/mycontentflow.css b/public/javascripts/vendor/ContentFlow/mycontentflow.css new file mode 100644 index 0000000..a110fea --- /dev/null +++ b/public/javascripts/vendor/ContentFlow/mycontentflow.css @@ -0,0 +1,120 @@ +/* ========== ContentFlow ========== */ +/* + * Within this file you can adjust the styling of ContentFlow + * to your personal needs. The default styling is the same as found on the  + * project page. + * + * To utilze this file for global styleing, rename it to 'mycontentflow.css'. + */ + +.ContentFlow { +} + +    /* ----- styling of items ----- */ +    .ContentFlow .flow .item.active { +        cursor: pointer; +    } +        .ContentFlow .flow .item .caption { +            font-size: 100%; +            font-weight: bold; +            text-align: center; +            color: white; +            max-height: 30%; +            bottom: 10%; +            background: url(img/1x1_0.5_black.png); +            width: 100%; +        } +        * html .ContentFlow .flow .item .caption { +            background-image: none; +            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/1x1_0.5_black.png'); +        } +            .ContentFlow .flow .item .caption a, +            .ContentFlow .flow .item .caption a:link, +            .ContentFlow .flow .item .caption a:visited, +            .ContentFlow .flow .item .caption a:active, +            .ContentFlow .flow .item .caption a:hover { +                text-decoration: none; +                color: white; +                font-style: italic; +                font-size: 0.8em; +            } +            .ContentFlow .flow .item .caption a:hover { +                text-decoration: underline; +            } +        .ContentFlow .flow .item.active .caption { +            /*display: block;*/ /* uncomment to show caption inside item */ +        } + +    /* ----- scrollbar ----- */ +    .ContentFlow .scrollbar { +        width: 50%; +        margin: 0px auto; +        margin-top: 10px; +        height: 16px; +        background: url(img/scrollbar_white.png) left center repeat-x; +        position: relative; +    } + +        .ContentFlow .scrollbar .slider { +            width: 16px; +            height: 16px; +            background: url(img/slider_white.png) center center no-repeat; +        } +         +        /* only for IE <= 6 and a alphatransparent slider image */ +        * html .ContentFlow .scrollbar .slider { +            background-image: none; +            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/slider_white.png'); +        } +            .ContentFlow .scrollbar .slider .position { +                top: 120%; +                font-size: 16px; +                font-weight: bold; +                color: silver +            } + +    /* ----- global caption ----- */ +    .ContentFlow .globalCaption { +        text-align: center; +        font-weight: bold; +        color: white; +        font-size: 14px; +        height: 20px; +        margin: 2em auto; +    } +        .ContentFlow .globalCaption .caption { +        } +            .ContentFlow .globalCaption .caption a, +            .ContentFlow .globalCaption .caption a:link, +            .ContentFlow .globalCaption .caption a:visited, +            .ContentFlow .globalCaption .caption a:active, +            .ContentFlow .globalCaption .caption a:hover { +                text-decoration: none; +                color: white; +                font-style: italic; +                font-size: 0.8em; +            } + +            .ContentFlow .globalCaption .caption a:hover { +                text-decoration: underline; +            } + +    /* ----- load indicator ----- */ +    .ContentFlow .loadIndicator { +        width: 100%; +        height: 100%; +        top: 0px; +        left: 0px; +        background: black; +    } +        .ContentFlow .loadIndicator .indicator { +            background: url(img/loader.gif) center center no-repeat; +            width: 100%; +            height: 100%; +        } +        * html .ContentFlow .loadIndicator .indicator { +            height: 100px; +        } + +/* ================================= */ + | 
