陳沛鴻 Home1 templatemo 378 dragonfly orman
From 2014hs.igem.org
Line 3: | Line 3: | ||
Skin URI: http://nivo.dev7studios.com | Skin URI: http://nivo.dev7studios.com | ||
Skin Type: fixed | Skin Type: fixed | ||
- | |||
- | |||
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 | + | .theme-orman { |
- | + | width: 800px; | |
- | width: | + | height: 600px; |
- | height: | + | |
- | + | ||
- | + | ||
position:relative; | position:relative; | ||
} | } | ||
Line 22: | Line 17: | ||
.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:800px; | |
- | + | height:600px; | |
- | + | ||
} | } | ||
.theme-orman .nivoSlider img { | .theme-orman .nivoSlider img { | ||
Line 32: | Line 26: | ||
left:0px; | left:0px; | ||
display:none; | display:none; | ||
- | width: | + | width: 800px; /* Make sure your images are the same size */ |
- | height: | + | height: 600px; /* Make sure your images are the same size */ |
} | } | ||
.theme-orman .nivoSlider a { | .theme-orman .nivoSlider a { | ||
Line 40: | Line 34: | ||
} | } | ||
- | + | #slider .nivo-controlNav { | |
position:absolute; | position:absolute; | ||
- | + | right: 20px; | |
- | + | top: 20px; | |
- | + | 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) | ||
} | } | ||
- | . | + | #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: | + | width: 200px; |
- | height: | + | height:150px; |
- | + | ||
text-indent:-9999px; | text-indent:-9999px; | ||
border:0; | border:0; | ||
Line 56: | Line 60: | ||
float:left; | float:left; | ||
} | } | ||
- | . | + | .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; | |
- | + | width:25px; | |
- | + | height: 240px; | |
- | + | background:url(../images/arrows.png) no-repeat 0% 50%; | |
- | + | text-indent:-9999px; | |
- | + | border:0; | |
top:40px; | top:40px; | ||
} | } | ||
.theme-orman a.nivo-nextNav { | .theme-orman a.nivo-nextNav { | ||
- | + | background-position:100% 50%; | |
- | + | right:-35px; | |
padding-right:20px; | padding-right:20px; | ||
} | } | ||
.theme-orman a.nivo-prevNav { | .theme-orman a.nivo-prevNav { | ||
- | + | 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:- | + | top:-4px; |
- | left: | + | left: -4px; |
z-index:300; | z-index:300; | ||
} | } |
Revision as of 02:46, 5 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;
}
- slider .nivo-controlNav {
position:absolute;
right: 20px; top: 20px; width: 140px; height: 540px; z-index: 1000; padding: 10px; background: url() }
- 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;
}