aboutsummaryrefslogtreecommitdiffstats
path: root/public/javascripts/vendor/ContentFlow/mycontentflow.css.example
diff options
context:
space:
mode:
Diffstat (limited to 'public/javascripts/vendor/ContentFlow/mycontentflow.css.example')
-rw-r--r--public/javascripts/vendor/ContentFlow/mycontentflow.css.example120
1 files changed, 120 insertions, 0 deletions
diff --git a/public/javascripts/vendor/ContentFlow/mycontentflow.css.example b/public/javascripts/vendor/ContentFlow/mycontentflow.css.example
new file mode 100644
index 0000000..a110fea
--- /dev/null
+++ b/public/javascripts/vendor/ContentFlow/mycontentflow.css.example
@@ -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;
+ }
+
+/* ================================= */
+