"
Team:DTU-Denmark/test page css.css
From 2014.igem.org
Tbjohannesen (Talk | contribs) |
Tbjohannesen (Talk | contribs) |
||
| (21 intermediate revisions not shown) | |||
| Line 10: | Line 10: | ||
body { | body { | ||
background-image:url(http://www2.compute.dtu.dk/~apek/ITSOL2014/images/dtuLogo.jpg); | background-image:url(http://www2.compute.dtu.dk/~apek/ITSOL2014/images/dtuLogo.jpg); | ||
| - | background-position: | + | background-position: 52% 5px; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
} | } | ||
| Line 121: | Line 121: | ||
display: none; | display: none; | ||
opacity: 0; | opacity: 0; | ||
| - | |||
background: #559a57; | background: #559a57; | ||
| + | visibility: hidden; | ||
-webkit-transiton: opacity 0.2s; | -webkit-transiton: opacity 0.2s; | ||
-moz-transition: opacity 0.2s; | -moz-transition: opacity 0.2s; | ||
| Line 134: | Line 134: | ||
z-index:100; | z-index:100; | ||
width: 126px; | width: 126px; | ||
| - | margin:0px 0px | + | margin:0px 0px 5px 0px; |
display: block; | display: block; | ||
padding: 0px; | padding: 0px; | ||
| Line 149: | Line 149: | ||
.navigater ul li ul li:hover { | .navigater ul li ul li:hover { | ||
| + | background-image:url(https://static.igem.org/mediawiki/2013/0/05/WIKI-light.png); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: 50% 60%; | background-position: 50% 60%; | ||
Latest revision as of 23:37, 4 July 2014
/*image preloader*/
- preloader {
width: 0px;
height: 0px;
display: inline;
background-image: url(
);
}
/*customer start*/ body { background-image:url(http://www2.compute.dtu.dk/~apek/ITSOL2014/images/dtuLogo.jpg); background-position: 52% 5px; background-repeat: no-repeat; }
/*Menu bar*/
- bodyContent {display:block; position:relative; top:250px;}
- searchform {visibility:hidden;}
- animat {
margin: 0px auto; height: 110px; position: relative; text-align:center; }
- animat p {
visibility: hidden; display: block; height:20px; position: relative; text-align: center; font: bold 20px broadway; }
- animat span:hover p {visibility: visible;}
- animat span{
z-index: 100; display: block; text-align: center; position: relative; margin: 0 auto; width: 80px; height: 81px;
left:-1px;
}
.navigater ul { position: relative; left: 0px;
z-index:100;
text-align: center; display: inline; list-style: none; }
/*Menu bar*/ .navigater ul li {
z-index:100; font: bold 14px/20PX helvetica; display: inline-block; margin: 0 5px; padding-bottom: 18px; position: relative; width: 126px; height: 32px; background-repeat:no-repeat; text-align:center; -webkit-transition: background-image 0.2s; -moz-transition: background-image 0.2s; -ms-transition: background-image 0.2s; -o-transition: background-image 0.2s; transition: background-image 0.2s;
}
/*Menu bar text*/ .navigater ul li span{ color: rgb(252,241,206); display: block; font-size:12px/16px; width: 126px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li span:hover{
cursor:default;
} /*Dropdown menu text*/ .navigater ul li a:link{ color: rgb(252,241,206); display: block; font-size:16px/20px; width: 126px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li a:hover {text-decoration:none; background-color: transparent;} .navigater ul li a:visited {text-decoration:none; background-color: transparent;}
.navigater ul li:hover { z-index:100; color: #fff; -webkit-transition: background-image 0.2s; -moz-transition: background-image 0.2s; -ms-transition: background-image 0.2s; -o-transition: background-image 0.2s; transition: background-image 0.2s; }
/*Dropdown menues*/ .navigater ul li ul { z-index:100; position: absolute; top: 46px; left: -18px; width: 120px; display: none; opacity: 0;
background: #559a57;
visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
.navigater ul li ul li {
z-index:100; width: 126px; margin:0px 0px 5px 0px; display: block;
padding: 0px;
}
.navigater ul li ul li a:link{ width: 120px; font-size:12px;
padding-bottom: 9px;
padding-top: 9px;
margin:0px;
}
.navigater ul li ul li:hover {
background-image:url();
background-repeat: no-repeat; background-position: 50% 60%;
}
/*Drop down menues*/ .navigater ul li:hover ul {
z-index:100; display: block; opacity: 0.95; visibility: visible;
}
- PROJECT { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- PARTS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- PARTS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- HUMANPRACTICES { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- HUMANPRACTICES:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- NOTEBOOK { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- TEAM { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
- SPONSORS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
- SPONSORS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
/* color separately end */
- contant {
}
- address {
position: fixed; }
/*--customer end */
;}){kind=link}
;}){kind=link}