"

From 2014hs.igem.org

Revision as of 13:43, 4 May 2014 (view source) F91445122 (Talk | contribs) ← Older edit		Revision as of 02:45, 5 May 2014 (view source) F91445122 (Talk | contribs) Newer edit →
Line 3:		Line 3:
	Skin URI: http://nivo.dev7studios.com		Skin URI: http://nivo.dev7studios.com
	Skin Type: fixed		Skin Type: fixed
		+	Image Width: 568
		+	Image Height: 268
	Description: A light and green skin for the Nivo Slider.		Description: A light and green skin for the Nivo Slider.
	Version: 1.0		Version: 1.0
Line 9:		Line 11:
	*/		*/
-	.theme-orman {	+	.theme-orman.slider-wrapper {
-	width: 800px;	+	background:url(slider.png) no-repeat;
-	height: 600px;	+	width:722px;
		+	height:337px;
		+	margin:0 auto;
		+	padding-top:18px;
	position:relative;		position:relative;
	}		}
Line 17:		Line 22:
	.theme-orman .nivoSlider {		.theme-orman .nivoSlider {
	position:relative;		position:relative;
-	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:568px;
-	width:800px;	+	height:268px;
-	height:600px;	+	margin-left:77px;
		+	background:url(loading.gif) no-repeat 50% 50%;
	}		}
	.theme-orman .nivoSlider img {		.theme-orman .nivoSlider img {
Line 26:		Line 32:
	left:0px;		left:0px;
	display:none;		display:none;
-	width: 800px; /* Make sure your images are the same size */	+	width:568px; /* Make sure your images are the same size */
-	height: 600px; /* Make sure your images are the same size */	+	height:268px; /* Make sure your images are the same size */
	}		}
	.theme-orman .nivoSlider a {		.theme-orman .nivoSlider a {
Line 34:		Line 40:
	}		}
-	#slider .nivo-controlNav {	+	.theme-orman .nivo-controlNav {
	position:absolute;		position:absolute;
-	right: 20px;	+	left:50%;
-	top: 20px;	+	bottom:-60px;
-	width: 140px;	+	margin-left:-30px; /* Tweak this to center bullets */
-	height: 540px;	+
-	z-index: 1000;	+
-	padding: 10px;	+
-	background: url(https://static.igem.org/mediawiki/2014hs/3/38/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_thumbnail_bg.png)	+
	}		}
-	#slider .nivo-controlNav img {	+	.theme-orman .nivo-controlNav a {
-	display:inline; /* Unhide the thumbnails */	+
-	position:relative;	+
-	margin-bottom:10px;	+
-	width: 140px;	+
-	height: 100px;	+
-	}	+
-	.slider .nivo-controlNav a {	+
	display:block;		display:block;
-	width: 200px;	+	width:10px;
-	height:150px;	+	height:10px;
		+	background:url(bullets.png) no-repeat;
	text-indent:-9999px;		text-indent:-9999px;
	border:0;		border:0;
Line 60:		Line 56:
	float:left;		float:left;
	}		}
-	.slider .nivo-controlNav a.active {	+	.theme-orman .nivo-controlNav a.active {
	background-position:0 -10px;		background-position:0 -10px;
	}		}
	.theme-orman .nivo-directionNav a {		.theme-orman .nivo-directionNav a {
-	display:block;	+	display:block;
-	width:25px;	+	width:25px;
-	height: 240px;	+	height:200px;
-	background:url(../images/arrows.png) no-repeat 0% 50%;	+	background:url(arrows.png) no-repeat 0% 50%;
-	text-indent:-9999px;	+	text-indent:-9999px;
-	border:0;	+	border:0;
	top:40px;		top:40px;
	}		}
	.theme-orman a.nivo-nextNav {		.theme-orman a.nivo-nextNav {
-	background-position:100% 50%;	+	background-position:100% 50%;
-	right:-35px;	+	right:-40px;
	padding-right:20px;		padding-right:20px;
	}		}
	.theme-orman a.nivo-prevNav {		.theme-orman a.nivo-prevNav {
-	left:-35px;	+	left:-40px;
	padding-left:20px;		padding-left:20px;
	}		}
Line 95:		Line 91:
	.theme-orman .ribbon {		.theme-orman .ribbon {
-	background:url(../images/ribbon.png) no-repeat;	+	background:url(ribbon.png) no-repeat;
	width:111px;		width:111px;
	height:111px;		height:111px;
	position:absolute;		position:absolute;
-	top:-4px;	+	top:-3px;
-	left: -4px;	+	left:56px;
	z-index:300;		z-index:300;
	}		}

---

Revision as of 02:45, 5 May 2014

/* Skin Name: Orman Theme Skin URI: http://nivo.dev7studios.com Skin Type: fixed Image Width: 568 Image Height: 268 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.slider-wrapper {

   background:url(slider.png) no-repeat;
   width:722px;
   height:337px;
   margin:0 auto;
   padding-top:18px;
   position:relative;

}

.theme-orman .nivoSlider {

   position:relative;
   width:568px;
   height:268px;
   margin-left:77px;
   background:url(loading.gif) no-repeat 50% 50%;

} .theme-orman .nivoSlider img {

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

} .theme-orman .nivoSlider a {

   border:0;
   display:block;

}

.theme-orman .nivo-controlNav {

   position:absolute;
       left:50%;
       bottom:-60px;
   margin-left:-30px; /* Tweak this to center bullets */

} .theme-orman .nivo-controlNav a {

   display:block;
   width:10px;
   height:10px;
   background:url(bullets.png) no-repeat;
   text-indent:-9999px;
   border:0;
   margin-right:7px;
   float:left;

} .theme-orman .nivo-controlNav a.active {

   background-position:0 -10px;

}

.theme-orman .nivo-directionNav a {

       display:block;
       width:25px;
       height:200px;
       background:url(arrows.png) no-repeat 0% 50%;
       text-indent:-9999px;
       border:0;
   top:40px;

} .theme-orman a.nivo-nextNav {

       background-position:100% 50%;
       right:-40px;
   padding-right:20px;

} .theme-orman a.nivo-prevNav {

       left:-40px;
   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(ribbon.png) no-repeat;
   width:111px;
   height:111px;
   position:absolute;
   top:-3px;
   left:56px;
   z-index:300;

}