"

From 2014hs.igem.org

Revision as of 02:45, 5 May 2014 (view source) F91445122 (Talk | contribs) ← Older edit		Latest revision as of 07:20, 6 May 2014 (view source) F91445122 (Talk | contribs)
(13 intermediate revisions not shown)
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 11:		Line 9:
	*/		*/
-	.theme-orman.slider-wrapper {	+	.theme-orman {
-	background:url(slider.png) no-repeat;	+	width: 800px;
-	width:722px;	+	height: 600px;
-	height:337px;	+
-	margin:0 auto;	+
-	padding-top:18px;	+
	position:relative;		position:relative;
	}		}
Line 22:		Line 17:
	.theme-orman .nivoSlider {		.theme-orman .nivoSlider {
	position:relative;		position:relative;
-	width:568px;	+	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%;
-	height:268px;	+	width:800px;
-	margin-left:77px;	+	height:600px;
-	background:url(loading.gif) no-repeat 50% 50%;	+
	}		}
	.theme-orman .nivoSlider img {		.theme-orman .nivoSlider img {
Line 32:		Line 26:
	left:0px;		left:0px;
	display:none;		display:none;
-	width:568px; /* Make sure your images are the same size */	+	width: 800px; /* Make sure your images are the same size */
-	height:268px; /* 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 {
Line 40:		Line 34:
	}		}
-	.theme-orman .nivo-controlNav {	+	#slider .nivo-controlNav {
	position:absolute;		position:absolute;
-	left:50%;	+	right: 20px;
-	bottom:-60px;	+	top: 20px;
-	margin-left:-30px; /* Tweak this to center bullets */	+	width: 140px;
		+	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)
	}		}
-	.theme-orman .nivo-controlNav a {	+	#slider .nivo-controlNav img {
		+	display:inline; /* Unhide the thumbnails */
		+	position:relative;
		+	margin-bottom:10px;
		+	width: 140px;
		+	height: 100px;
		+	}
		+	.slider .nivo-controlNav a {
	display:block;		display:block;
-	width:10px;	+	width: 200px;
-	height:10px;	+	height:150px;
-	background:url(bullets.png) no-repeat;	+
	text-indent:-9999px;		text-indent:-9999px;
	border:0;		border:0;
Line 56:		Line 60:
	float:left;		float:left;
	}		}
-	.theme-orman .nivo-controlNav a.active {	+	.slider .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:200px;	+	height: 240px;
-	background:url(arrows.png) no-repeat 0% 50%;	+	background:url(../images/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:-40px;	+	right:-35px;
	padding-right:20px;		padding-right:20px;
	}		}
	.theme-orman a.nivo-prevNav {		.theme-orman a.nivo-prevNav {
-	left:-40px;	+	left:-35px;
	padding-left:20px;		padding-left:20px;
	}		}
Line 91:		Line 95:
	.theme-orman .ribbon {		.theme-orman .ribbon {
-	background:url(ribbon.png) no-repeat;	+	background:url(../images/ribbon.png) no-repeat;
	width:111px;		width:111px;
	height:111px;		height:111px;
	position:absolute;		position:absolute;
-	top:-3px;	+	top:-4px;
-	left:56px;	+	left: -4px;
	z-index:300;		z-index:300;
	}		}

---

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() 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() }

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;

}