陳沛鴻 Home1 templatemo 378 dragonfly orman

From 2014hs.igem.org

(Difference between revisions)
 
Line 11: Line 11:
.theme-orman {
.theme-orman {
     width: 800px;
     width: 800px;
-
     height: 660px;
+
     height: 600px;
     position:relative;
     position:relative;
}
}
Line 19: Line 19:
background: url(https://static.igem.org/mediawiki/2014hs/c/cd/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_loading.gif) no-repeat 50% 50%;
background: url(https://static.igem.org/mediawiki/2014hs/c/cd/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_loading.gif) no-repeat 50% 50%;
     width:800px;
     width:800px;
-
     height:660px;
+
     height:600px;
}
}
.theme-orman .nivoSlider img {
.theme-orman .nivoSlider img {
Line 27: Line 27:
     display:none;
     display:none;
     width: 800px; /* Make sure your images are the same size */
     width: 800px; /* Make sure your images are the same size */
-
     height: 660px; /* Make sure your images are the same size */
+
     height: 600px; /* Make sure your images are the same size */
}
}
.theme-orman .nivoSlider a {
.theme-orman .nivoSlider a {

Latest revision as of 07:20, 6 May 2014

/* Skin Name: Orman Theme Skin URI: http://nivo.dev7studios.com Skin Type: fixed Description: A light and green skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom & Orman Clark Author URI: http://dev7studios.com

  • /

.theme-orman {

   width: 800px;
   height: 600px;
   position:relative;

}

.theme-orman .nivoSlider {

   position:relative;

background: url(%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_loading.gif) no-repeat 50% 50%;

   width:800px;
   height:600px;

} .theme-orman .nivoSlider img {

   position:absolute;
   top:0px;
   left:0px;
   display:none;
   width: 800px; /* Make sure your images are the same size */
   height: 600px; /* Make sure your images are the same size */

} .theme-orman .nivoSlider a {

   border:0;
   display:block;

}

  1. slider .nivo-controlNav {
   position:absolute;

right: 20px; top: 20px; width: 140px; height: 540px; z-index: 1000; padding: 10px; background: url(%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_thumbnail_bg.png) }

  1. slider .nivo-controlNav img {

display:inline; /* Unhide the thumbnails */ position:relative; margin-bottom:10px; width: 140px; height: 100px; } .slider .nivo-controlNav a {

   display:block;
   width: 200px;
   height:150px;
   text-indent:-9999px;
   border:0;
   margin-right:7px;
   float:left;

} .slider .nivo-controlNav a.active {

   background-position:0 -10px;

}

.theme-orman .nivo-directionNav a { display:block; width:25px; height: 240px; background:url(../images/arrows.png) no-repeat 0% 50%; text-indent:-9999px; border:0;

   top:40px;

} .theme-orman a.nivo-nextNav { background-position:100% 50%; right:-35px;

   padding-right:20px;

} .theme-orman a.nivo-prevNav { left:-35px;

   padding-left:20px;

}

.theme-orman .nivo-caption {

   font-family: Helvetica, Arial, sans-serif;

} .theme-orman .nivo-caption a {

   color:#fff;
   border-bottom:1px dotted #fff;

} .theme-orman .nivo-caption a:hover {

   color:#fff;

}

.theme-orman .ribbon {

   background:url(../images/ribbon.png) no-repeat;
   width:111px;
   height:111px;
   position:absolute;
   top:-4px;
   left: -4px;
   z-index:300;

}