Welcome to the DFO World Wiki. With many major updates since the release of DFO, many items are missing. Visit Item Database Project to learn more.
Please remember to click "show preview" before saving the page.
Thanks for the updated logo snafuPop!

Template:Banner.css

From DFO World Wiki
Jump to: navigation, search

.jcarousel {

   position: relative;
   overflow: hidden;

}

.jcarousel-wrapper { max-width: 1125px;

   margin: 0;
   position: relative;

}

.jcarousel .jcarousel-list {

   width: 20000em;
   position: relative;
   margin: 0;
   padding: 0;

}

.jcarousel .jcarousel-item {

   float: left;

}

.jcarousel-item img {

   display: block;
   max-width: 100%;
   height: auto !important; 
   margin: auto;

}

.jcarousel-item p{

   text-align: center;

}

.jcarousel-control-prev, .jcarousel-control-next {

   position: absolute;
   top: 45%;
   width: 30px;
   height: 30px;
   text-align: center;
   background: #fff;
   color: #fff;
   text-decoration: none;
   text-shadow: 0 0 1px #000;
   font: 24px/27px Arial, sans-serif;
   -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
           border-radius: 30px;
   -webkit-box-shadow: 0 0 2px #999;
      -moz-box-shadow: 0 0 2px #999;
           box-shadow: 0 0 2px #999;

}

.jcarousel-control-prev {

   left: -15px;

}

.jcarousel-control-next {

   right: -15px;

}

.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span {

   display: block;

}

.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {

   opacity: .5;
   cursor: default;

}

.jcarousel-pagination {

   position: absolute;
   bottom: 10px;
   left: 15px;

}

.jcarousel-pagination a {

   text-decoration: none;
   display: inline-block;
   font-size: 11px;
   line-height: 14px;
   min-width: 14px;
   background: #fff;
   color: #4E443C;
   border-radius: 14px;
   padding: 3px;
   text-align: center;
   margin-right: 2px;
   opacity: .75;

}

.jcarousel-pagination a.active {

   background: #4E443C;
   color: #fff;
   opacity: 1;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);

}