Template:Team:DTU-Denmark/css4

From 2014.igem.org

(Difference between revisions)
 
(146 intermediate revisions not shown)
Line 8: Line 8:
     height:18px;
     height:18px;
     margin-top: -32px;
     margin-top: -32px;
-
     background-color:t#FFFFFF;
+
     background-color:transparent;
}
}
Line 15: Line 15:
height: 100%;
height: 100%;
border: 0px;
border: 0px;
-
background-color: rgba(0,102,102,0.2);
+
background-color: transparent;
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
        position: relative;
 
}
}
Line 25: Line 24:
height: 100%;  
height: 100%;  
background-color: transparent;
background-color: transparent;
 +
}
}
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
Line 84: Line 84:
   
   
a:link {
a:link {
-
color: #FF0000;  /*Text menu mouseover*/
+
color: #68FF81;  /*Text menu mouseover*/
text-decoration: none;
text-decoration: none;
}
}
a:visited {
a:visited {
text-decoration: none;
text-decoration: none;
-
color: #F79042;
+
color: #5FFF7A;
}
}
a:hover {
a:hover {
Line 105: Line 105:
}
}
-
body {
+
body  
-
color: #353535;  
+
        {
-
font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
+
        background: url(https://static.igem.org/mediawiki/2014/a/aa/DTU-Denmark-Seamlesstexture29_1200.jpg);
-
text-align:center;
+
}
-
}
+
#logo1{
 +
           
 +
                position:absolute;
 +
top: 90px;
 +
left: 56px; 
 +
      }
 +
          #logoo2{
 +
                position:absolute;
 +
top: -15px;
 +
left: 270px;
 +
              }
 +
          #logo3{
 +
                position:absolute;
 +
top: -55px;
 +
left: 275px;
 +
              }
 +
          #logo4{position:absolute;
 +
top: 120px;
 +
left: -550px;
 +
              }
 +
          #logo5{position:absolute;
 +
top: -70px;
 +
left: 270px;
 +
              }
 +
          #logo6{position:absolute;
 +
top: -100px;
 +
left: 295px;
 +
              }
 +
 
 +
 
 +
       
h0{
h0{
Line 211: Line 241:
color: #FFF;
color: #FFF;
background-color:none;
background-color:none;
-
margin: 0 20px 0 0;
+
margin: 0 10px 0 0;
float: left;
float: left;
position: relative;
position: relative;
Line 225: Line 255:
font-weight:700;
font-weight:700;
line-height:210%;
line-height:210%;
-
color: #FF0000;
+
color: none;
text-decoration: none;
text-decoration: none;
                 position: relative;
                 position: relative;
                 top: 5;
                 top: 5;
display: block;
display: block;
-
padding: 0px 0px 0px 5px;
+
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 200px;
width: 200px;
-
background: url("https://static.igem.org/mediawiki/2014/3/30/DTU-Denmark-Menu-200x40-green-1.png");
+
background: url("https://2014.igem.org/File:DTU-Denmark-Menu-200x40-green-1_(1).png");
}
}
Line 242: Line 272:
/*border-top:solid 1px #ffff00;*/
/*border-top:solid 1px #ffff00;*/
/*border-bottom:solid 1px #ffff00;*/
/*border-bottom:solid 1px #ffff00;*/
-
padding: 5px 5px 5px 5px;
+
padding: 7px 5px 3px 5px;
Line 248: Line 278:
#nav a:hover {
#nav a:hover {
-
/*background-color: #870203;
+
/*background-color: #1DFF43;
color: #ffffff;*/
color: #ffffff;*/
}
}
Line 254: Line 284:
/* main level link hover */
/* main level link hover */
#nav .current a, #nav li:hover > a {
#nav .current a, #nav li:hover > a {
-
color: #724f20;  /*mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/
+
color: #3FFF1D;  /*mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/
border-color:#724f20;
border-color:#724f20;
}
}
Line 261: Line 291:
#nav ul li:hover a, #nav li:hover li a {
#nav ul li:hover a, #nav li:hover li a {
border: none;
border: none;
 +
background: none;
background-color: #42f75f; /* drop down menu background*/
background-color: #42f75f; /* drop down menu background*/
background-repeat:repeat;
background-repeat:repeat;
color:#FFF;
color:#FFF;
 +
visibility: visible;
}
}
Line 278: Line 310:
opacity:1;
opacity:1;
margin:0;
margin:0;
-
background-color: none ; /*#870203 reddish, can fix opacity problem here */
+
background-color: none ; /*#50FF56 reddish, can fix opacity problem here */
z-index:0;
z-index:0;
 +
border-left:solid 1px #ffff00;
 +
border-right:solid 1px #ffff00;
 +
border-top:solid 1px #ffff00;
 +
border-bottom:solid 1px #ffff00;
}
}
Line 286: Line 322:
/*display: none;*/
/*display: none;*/
opacity:0;
opacity:0;
-
margin: 20px 0 0 0;
+
margin: 0 0 0 0;
-
padding: 7px 0 0 0;
+
padding: 0 0 0 0;
-
width: 205px;
+
width: 200px;
position: absolute;
position: absolute;
-
         /*background-color: #870203;*/
+
         /*background-color: #3BFF4F;*/
left: 0;
left: 0;
z-index:-1;
z-index:-1;
-
 
+
font-size: 8pt;
}
}
#nav ul li {
#nav ul li {
Line 306: Line 342:
}
}
-
#nav ul li ul {
+
ul#nav > li > ul {
-
list-style: none;
+
-
z-index:100;
+
-
display: block;
+
-
position: absolute;
+
-
width: 120px;
+
-
top: 50px;
+
-
left: 3px;
+
-
opacity: 0;
+
visibility: hidden;
visibility: hidden;
-
        background: #559a57;
+
background: #559a57;
-
-webkit-transiton: opacity 0.2s;
+
-
-moz-transition: opacity 0.2s;
+
-
-ms-transition: opacity 0.2s;
+
-
-o-transition: opacity 0.2s;
+
-
-transition: opacity 0.2s;
+
}
}
Line 485: Line 508:
}
}
}
}
-
 
</style>
</style>
 +
</html>
</html>

Latest revision as of 17:18, 29 July 2014