include/javascript/yui/build/carousel/assets/skins/sam/carousel-skin.css

   1 /*
   2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 2.9.0
   6 */
   7 .yui-skin-sam .yui-carousel,
   8 .yui-skin-sam .yui-carousel-vertical {
   9     border: 1px solid #808080;
  10 }
  11
  12 .yui-skin-sam .yui-carousel-nav {
  13     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
  14     padding: 3px;
  15     text-align: right;
  16 }
  17
  18 .yui-skin-sam .yui-carousel-button {
  19     background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -600px;
  20     float: right;
  21     height: 19px;
  22     margin: 5px;
  23     overflow: hidden;
  24     width: 40px;
  25 }
  26
  27 .yui-skin-sam .yui-carousel-vertical .yui-carousel-button {
  28     background-position: 0 -800px;
  29 }
  30
  31 .yui-skin-sam .yui-carousel-button-disabled {
  32     background-position: 0 -2000px;
  33 }
  34
  35 .yui-skin-sam .yui-carousel-vertical .yui-carousel-button-disabled {
  36     background-position: 0 -2100px;
  37 }
  38
  39 .yui-skin-sam .yui-carousel-button input,
  40 .yui-skin-sam .yui-carousel-button button {
  41     background-color: transparent;
  42     border: 0;
  43     cursor: pointer;
  44     display: block;
  45     height: 44px;
  46     margin: -2px 0 0 -2px;
  47     padding: 0 0 0 50px;
  48 }
  49
  50 .yui-skin-sam span.yui-carousel-first-button {
  51     background-position: 0px -550px;
  52     margin-left: -100px;
  53     margin-right: 50px;
  54    *margin: 5px 5px 5px -90px;
  55 }
  56
  57 .yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button {
  58     background-position: 0px -750px;
  59 }
  60
  61 .yui-skin-sam span.yui-carousel-first-button-disabled {
  62     background-position: 0 -1950px;
  63 }
  64
  65 .yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button-disabled {
  66     background-position: 0 -2050px;
  67 }
  68
  69 .yui-skin-sam .yui-carousel-nav ul {
  70     float: right;
  71     height: 19px;
  72     margin: 0;
  73     margin-left: -220px;
  74     margin-right: 100px;
  75    *margin-left: -160px;
  76    *margin-right: 0;
  77     padding: 0;
  78 }
  79
  80 .yui-skin-sam .yui-carousel-min-width .yui-carousel-nav ul {
  81     *margin-left: -170px;
  82 }
  83
  84 .yui-skin-sam .yui-carousel-nav select {
  85     position: relative;
  86    *right: 50px;
  87     top: 4px;
  88 }
  89
  90 .yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select {
  91     position: static;
  92 }
  93
  94 .yui-skin-sam .yui-carousel-vertical .yui-carousel-nav ul,
  95 .yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select {
  96     float: none;
  97     margin: 0;
  98    *zoom: 1;
  99 }
 100
 101 .yui-skin-sam .yui-carousel-nav ul li {
 102     background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -650px;
 103     cursor: pointer;
 104     float: left;
 105     height: 9px;
 106     list-style: none;
 107     margin: 10px 0 0 5px;
 108     overflow: hidden;
 109     padding: 0;
 110     width: 9px;
 111 }
 112
 113 .yui-skin-sam .yui-carousel-nav ul:after {
 114     content: ".";
 115     display: block;
 116     height: 0;
 117     clear: both;
 118     visibility: hidden;
 119 }
 120
 121 .yui-skin-sam .yui-carousel-nav ul li a {
 122     display:block;
 123     width: 100%;
 124     height: 100%;
 125     text-indent: -10000px;
 126     text-align:left;
 127     overflow:hidden;
 128 }
 129
 130 .yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus {
 131     outline: 1px dotted #000;
 132 }
 133
 134 .yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected {
 135     background-position: 0 -700px;
 136 }
 137
 138 .yui-skin-sam .yui-carousel-item-loading {
 139     background: url(ajax-loader.gif) no-repeat 50% 50%;
 140     position: absolute;
 141     text-indent: -150px;
 142 }