Team:RHIT/StyleSheets/HomePage
From 2014.igem.org
(7 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
#HomeContent { | #HomeContent { | ||
position: relative; | position: relative; | ||
- | |||
} | } | ||
Line 19: | Line 18: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
- | background- | + | background-size: 100%, auto; |
} | } | ||
Line 84: | Line 83: | ||
#Slider #LeftArrow { | #Slider #LeftArrow { | ||
position: absolute; | position: absolute; | ||
- | width: | + | opacity: .6; |
- | height: | + | width: 74px; |
+ | height: 74px; | ||
margin-left: 30px; | margin-left: 30px; | ||
- | background: url( | + | background: url(http://i1265.photobucket.com/albums/jj502/bauhand/leftarrow2_zps72c9b045.png); |
+ | } | ||
+ | |||
+ | #Slider #RightArrow { | ||
+ | position: absolute; | ||
+ | opacity: .6; | ||
+ | width: 74px; | ||
+ | height: 74px; | ||
+ | margin-right: 30px; | ||
+ | background: url(http://i1265.photobucket.com/albums/jj502/bauhand/rightarrow2_zps45ff73c2.png); | ||
+ | } | ||
+ | |||
+ | #Slider #LeftArrow:hover, #Slider #RightArrow:hover { | ||
+ | opacity: 1; | ||
+ | cursor: pointer; | ||
+ | } |
Latest revision as of 17:16, 24 June 2014
- HomeContent {
position: relative; }
- Banner {
display: none; }
- Slider {
position: relative; width: 100%; display: none; }
- Slider .Slides {
width: 100%; height: 100%; background-size: 100%, auto; }
- Slider #Slide0 {
background-image: url(http://i1265.photobucket.com/albums/jj502/bauhand/Random/20140424_184239_zpsa135d2ef.jpg); }
- Slider #Slide1 {
background-image: url(http://i1265.photobucket.com/albums/jj502/bauhand/Random/20140423_194247_RichtoneHDR_zpsd6cac1f8.jpg); display: none; }
- Slider #Slide2 {
background-image: url(http://i1265.photobucket.com/albums/jj502/bauhand/Random/20140423_194227_RichtoneHDR_zps108c59a1.jpg); display: none; }
- Slider #Slide3 {
background-image: url(http://i1265.photobucket.com/albums/jj502/bauhand/Random/20140421_194157_zps3f1e921f.jpg); display: none; }
- Slider #BottomLinks {
position: absolute; width: 100%; padding: 0; bottom: 0; background: #FFFFFF; text-align: center; opacity: .7; filter: alpha(opacity=70); }
- Slider #BottomLinks li {
display: inline-table; list-style: none; height: 100%; color: #69221A; font: 18px Raleway, Arial, sans-serif; text-align: center; padding: 15px 20px; }
- Slider #BottomLinks li:hover {
cursor: pointer; text-decoration: underline; }
- Slider .SideBar {
position: absolute; top: 0; width: 90px; z-index: 1; }
- Slider #LeftBar {
left: 0; }
- Slider #RightBar {
right: 0; }
- Slider #LeftArrow {
position: absolute;
opacity: .6;
width: 74px; height: 74px; margin-left: 30px; background: url(http://i1265.photobucket.com/albums/jj502/bauhand/leftarrow2_zps72c9b045.png); }
- Slider #RightArrow {
position: absolute; opacity: .6; width: 74px; height: 74px; margin-right: 30px; background: url(http://i1265.photobucket.com/albums/jj502/bauhand/rightarrow2_zps45ff73c2.png); }
- Slider #LeftArrow:hover, #Slider #RightArrow:hover {
opacity: 1; cursor: pointer; }