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
Revision as of 06:51, 23 May 2016 by Dfoplayer (talk | contribs) (I do not want to use css from my test page. move to here temp)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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);

}