Team:DTU-Denmark/test page css.css

From 2014.igem.org

(Difference between revisions)
 
(93 intermediate revisions not shown)
Line 4: Line 4:
         height: 0px;
         height: 0px;
         display: inline;
         display: inline;
-
         background-image: url(https://static.igem.org/mediawiki/2014/1/11/Menubar-red.png);
+
         background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);
}
}
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: 50% 50px;
+
background-position: 52% 5px;
background-repeat: no-repeat;
background-repeat: no-repeat;
}
}
/*Menu bar*/
/*Menu bar*/
-
#bodyContent {display:block;position:relative; top:300px;left:auto;}
+
#bodyContent {display:block; position:relative; top:250px;}
#searchform {visibility:hidden;}
#searchform {visibility:hidden;}
Line 46: Line 46:
.navigater ul {
.navigater ul {
position: relative;
position: relative;
-
left: -10px;
+
left: 0px;
   z-index:100;
   z-index:100;
text-align: center;
text-align: center;
Line 53: Line 53:
}
}
-
/*Drop down menues*/
+
/*Menu bar*/
.navigater ul li {
.navigater ul li {
   z-index:100;
   z-index:100;
   font: bold 14px/20PX helvetica;
   font: bold 14px/20PX helvetica;
   display: inline-block;
   display: inline-block;
-
   margin: 0 20px;
+
   margin: 0 5px;
   padding-bottom: 18px;
   padding-bottom: 18px;
   position: relative;
   position: relative;
-
   width: 110px;
+
   width: 126px;
   height: 32px;
   height: 32px;
   background-repeat:no-repeat;
   background-repeat:no-repeat;
Line 76: Line 76:
color: rgb(252,241,206);
color: rgb(252,241,206);
display: block;
display: block;
-
font-size:16px/20px;
+
font-size:12px/16px;
-
width: 110px;
+
width: 126px;
height: 14px;
height: 14px;
padding-bottom:18px;
padding-bottom:18px;
-
padding-top: 1px;
+
padding-top: 18px;
text-align:center;
text-align:center;
text-decoration:none;
text-decoration:none;
Line 92: Line 92:
display: block;
display: block;
font-size:16px/20px;
font-size:16px/20px;
-
width: 110px;
+
width: 126px;
height: 14px;
height: 14px;
-
padding-bottom:1px;
+
padding-bottom:18px;
padding-top: 18px;
padding-top: 18px;
text-align:center;
text-align:center;
Line 118: Line 118:
top: 46px;
top: 46px;
left: -18px;
left: -18px;
-
width: 104px;
+
width: 120px;
display: none;
display: none;
opacity: 0;
opacity: 0;
 +
        background: #559a57;
visibility: hidden;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-webkit-transiton: opacity 0.2s;
Line 132: Line 133:
z-index:100;
z-index:100;
-
width: 104px;
+
width: 126px;
-
margin:0px 0px 10px 0px;  
+
margin:0px 0px 5px 0px;  
display: block;  
display: block;  
         padding: 0px;
         padding: 0px;
Line 140: Line 141:
.navigater ul li ul li a:link{
.navigater ul li ul li a:link{
-
width: 104px;
+
width: 120px;
font-size:12px;
font-size:12px;
         padding-bottom: 9px;
         padding-bottom: 9px;
Line 147: Line 148:
}
}
-
.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-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%;
Line 161: Line 162:
   visibility: visible;
   visibility: visible;
}
}
-
/* color separately */
 
-
#PROJECT { background: url(https://static.igem.org/mediawiki/2014/1/11/Menubar-red.png);}
+
#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/1/19/Menubar-iGEMgreen.png);}
+
#PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
#PROJECT ul{ background: #559a57;}
+
-
#PARTS { background: url(https://static.igem.org/mediawiki/2014/1/11/Menubar-red.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/1/19/Menubar-iGEMgreen.png);}
+
#PARTS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
#PARTS ul{ background: #559a57;}
+
-
#HUMANPRACTICES { background: url(https://static.igem.org/mediawiki/2014/1/11/Menubar-red.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/1/19/Menubar-iGEMgreen.png);}
+
#HUMANPRACTICES:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
#HUMANPRACTICES ul{ background: #559a57;}
+
-
#NOTEBOOK { background: url(https://static.igem.org/mediawiki/2014/1/11/Menubar-red.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/1/19/Menubar-iGEMgreen.png);}
+
#NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
#NOTEBOOK ul{ background: #559a57;}
+
-
#TEAM { background: url(https://static.igem.org/mediawiki/2014/1/11/Menubar-red.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/1/19/Menubar-iGEMgreen.png);}
+
#TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
#TEAM ul{ background: #559a57;}
+
 
 +
#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);}
-
#SPONSORS { background: url(https://static.igem.org/mediawiki/2014/1/11/Menubar-red.png);}
 
-
#SPONSORS:hover { background-image: url(https://static.igem.org/mediawiki/2014/1/19/Menubar-iGEMgreen.png);}
 
-
#SPONSORS ul{ background: #559a57;}
 
/* color separately end */
/* color separately end */
#contant {
#contant {
}
}
-
#image {
+
 
-
display: block;
+
-
position: relative;
+
-
height: 300px;
+
-
margin-top: 60px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
width: 20000px;
+
-
background-image:none;
+
-
background-repeat: no-repeat;
+
-
}
+
#address {
#address {
position: fixed;
position: fixed;

Latest revision as of 23:37, 4 July 2014

/*image preloader*/

  1. preloader { 
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(Menubar-iGEMgreen-wide.png);

}

/*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*/

  1. bodyContent {display:block; position:relative; top:250px;}
  1. searchform {visibility:hidden;}
  2. animat {

margin: 0px auto; height: 110px; position: relative; text-align:center; }

  1. animat p {

visibility: hidden; display: block; height:20px; position: relative; text-align: center; font: bold 20px broadway; }

  1. animat span:hover p {visibility: visible;}
  2. 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(WIKI-light.png);

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;

}

  1. PROJECT { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. PARTS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. PARTS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. HUMANPRACTICES { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. HUMANPRACTICES:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. NOTEBOOK { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. TEAM { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. SPONSORS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. SPONSORS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}


/* color separately end */

  1. contant {

}

  1. address {

position: fixed; }

/*--customer end */

Retrieved from "http://2014.igem.org/Team:DTU-Denmark/test_page_css.css"