git.roojs.org Git - roojs1/blob - old-css-bootstrap/carousel.css

   1 .clear {
   2     clear: both;
   3 }
   4
   5 .carousel-bullets {
   6     height: 17px;
   7     bottom: 20px;
   8     width: 100%;
   9     text-align: center;
  10
  11     z-index: 1000;
  12     position: absolute;
  13     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  14     -moz-opacity: 1;
  15     -khtml-opacity: 1;
  16     opacity: 1;
  17     -webkit-transition: opacity 0.2s ease-out;
  18     -moz-transition: opacity 0.2s ease-out;
  19     -o-transition: opacity 0.2s ease-out;
  20     -ms-transition: opacity 0.2s ease-out;
  21     -webkit-transform: translateZ(5px);
  22 }
  23
  24 .carousel-bullets > .bullet {
  25     cursor: pointer;
  26     position: relative !important;
  27     background: rgba(0, 0, 0, 0.5) !important;
  28     -webkit-border-radius: 10px;
  29     border-radius: 10px;
  30     -webkit-box-shadow: none;
  31     -moz-box-shadow: none;
  32     box-shadow: none;
  33     width: 6px !important;
  34     height: 6px !important;
  35     border: 5px solid rgba(0, 0, 0, 0) !important;
  36     display: inline-block;
  37     margin-right: 2px !important;
  38     margin-bottom: 0px !important;
  39     -webkit-transition: background-color 0.2s, border-color 0.2s;
  40     -moz-transition: background-color 0.2s, border-color 0.2s;
  41     -o-transition: background-color 0.2s, border-color 0.2s;
  42     -ms-transition: background-color 0.2s, border-color 0.2s;
  43     transition: background-color 0.2s, border-color 0.2s;
  44     float:none !important;
  45     box-sizing:content-box;
  46     -moz-box-sizing:content-box;
  47     -webkit-box-sizing:content-box;
  48 }
  49
  50 .carousel-bullets > .bullet:hover,
  51 .carousel-bullets > .bullet.selected {
  52     -webkit-box-shadow: none;
  53     -moz-box-shadow: none;
  54     box-shadow: none;
  55     background: rgba(255, 255, 255, 1) !important;
  56     width: 6px !important;
  57     height: 6px !important;
  58     border: 5px solid rgba(0, 0, 0, 1) !important;
  59 }
  60
  61 .carousel-inner > .carousel-arrow > .carousel-prev {
  62     position: absolute;
  63     display: block;
  64     top: 50%;
  65     color: white;
  66     z-index: 100;
  67     cursor: pointer;
  68     padding: 10px;
  69     margin-top: -22px;
  70     left: 0;
  71 }
  72
  73 .carousel-inner > .carousel-arrow > .carousel-next {
  74     position: absolute;
  75     display: block;
  76     top: 50%;
  77     color: white;
  78     z-index: 100;
  79     cursor: pointer;
  80     padding: 10px;
  81     margin-top: -22px;
  82     right: 0;
  83 }
  84
  85 .carousel-inner > .carousel-arrow > .carousel-prev > i,
  86 .carousel-inner > .carousel-arrow > .carousel-next > i {
  87     font-size: 24px;
  88 }
  89
  90 .carousel-inner .tab-pane.clickable {
  91     cursor: pointer;
  92 }