Team:Bielefeld-Germany/igembielefeld2013.css

From 2013.igem.org

(Difference between revisions)
 
(125 intermediate revisions not shown)
Line 1: Line 1:
#logo{
#logo{
-
   background-image: -webkit-linear-gradient(right, #ff6600 0%, white 100%);  
+
   background-image: -webkit-linear-gradient(top, #ff6600, white 40%, #ff6600);  
-
   background-image: -moz-linear-gradient(right, #ff6600 0%, white 100%);  
+
   background-image: -moz-linear-gradient(top, #ff6600, white 40%, #ff6600);  
-
   background-image: -o-linear-gradient(right, #ff6600 0%, white 100%);   
+
   background-image: -o-linear-gradient(top, #ff6600, white 40%, #ff6600);   
-
   background-image: linear-gradient(right, #ff6600 0%, white 100%);
+
   background-image: linear-gradient(top, #ff6600, white 40%, #ff6600);
-
   margin: 0px 0px 200px 0px;
+
   margin: 0px 0px 0px 0px;
 +
  height:65px;
 +
  position:relative;
 +
}
}
-
#navigation{
+
/* keine auswirkungen hier*/
-
   font-size:25;
+
#navi{
-
   color: red;
+
  color:#003366;
 +
   font-size:20px;
 +
   font-variant:small-caps;
 +
  font-family:Roboto;
 +
  padding-right:10px;
 +
  text-shadow: 0 2px 2px lightgray;
 +
  float:left;
 +
 
 +
 
 +
}
 +
 
 +
 
 +
#navi l:hover {
 +
  /*color:#ff6600; erstmal raus*/
 +
 
 +
}
 +
 
 +
#nav{
 +
position:absolute;
 +
bottom:0;
 +
/*  padding:30px;*/
 +
 
 +
}
 +
 
 +
ul#navigation{
 +
  margin: 0px;
 +
  position: relative;
 +
  float:left;
 +
 
 +
}
 +
 
 +
ul#navigation li {
 +
display:inline;
 +
float:left;
 +
position:relative;
 +
}
 +
 
 +
/*menuunterpunkte gesamt*/
 +
ul#navigation li a{
 +
/*background: #FF7519;*/
 +
padding: 2px 15px;
 +
text-decoration:none;
 +
display:inline-block;
 +
font-family:Roboto;
 +
font-variant:small-caps;
 +
font-size:20px;
 +
color:#003366;
 +
 
 +
}
 +
 
 +
ul#navigation li a:hover {
 +
  /* background:#ff6600;*/
 +
    color:grey;
 +
 
 +
}
 +
 
 +
 
 +
/*hover nur uber hauptelement*/
 +
ul#navigation li:hover > a {
 +
/*background:#ff6600;*/
 +
    color:white;
 +
 
 +
}
 +
 
 +
ul#navigation li:hover > ul {
 +
    visibility:visible;
 +
    opacity:1;
 +
 
 +
}
 +
 
 +
ul#navigation ul, ul#navigation ul li ul {
 +
    list-style: none;
 +
    margin: 0px;
 +
    padding: 0px; 
 +
    visibility:hidden;
 +
    opacity:0;
 +
    position: absolute;
 +
    z-index: 99999;
 +
 
 +
}
 +
 
 +
 
 +
ul#navigation ul li {
 +
    clear:both;
 +
    width:100%;
 +
    /*border:0 none;*/
 +
 +
}
 +
 
 +
/*runtergeklappte Menupunkte, einzeln*/
 +
ul#navigation ul li a {
 +
font-size:16px;
 +
    background:#FF6600;
 +
    padding:7px 10px;
 +
    color:#003366;
 +
    text-shadow:0px 0px 0px #fff;
 +
    text-decoration:none;
 +
    display:inline;
 +
    float:left;
 +
    clear:both;
 +
    width:150px;
 +
border-style:none;
 +
 
 +
 
}
}

Latest revision as of 12:39, 29 July 2013

  1. logo{
 background-image: -webkit-linear-gradient(top, #ff6600, white 40%, #ff6600); 
 background-image: -moz-linear-gradient(top, #ff6600, white 40%, #ff6600); 
 background-image: -o-linear-gradient(top, #ff6600, white 40%, #ff6600);  
 background-image: linear-gradient(top, #ff6600, white 40%, #ff6600);
 margin: 0px 0px 0px 0px;
 height:65px;
 position:relative;

}

/* keine auswirkungen hier*/

  1. navi{
 color:#003366;
 font-size:20px;
 font-variant:small-caps;
 font-family:Roboto;
 padding-right:10px;
 text-shadow: 0 2px 2px lightgray;
 float:left;


}


  1. navi l:hover {
 /*color:#ff6600;		erstmal raus*/

}

  1. nav{

position:absolute; bottom:0; /* padding:30px;*/

}

ul#navigation{

 margin: 0px;
 position: relative;
 float:left;

}

ul#navigation li { display:inline; float:left; position:relative; }

/*menuunterpunkte gesamt*/ ul#navigation li a{ /*background: #FF7519;*/ padding: 2px 15px; text-decoration:none; display:inline-block; font-family:Roboto; font-variant:small-caps; font-size:20px; color:#003366;

}

ul#navigation li a:hover {

  /* background:#ff6600;*/
   color:grey;

}


/*hover nur uber hauptelement*/ ul#navigation li:hover > a { /*background:#ff6600;*/

   color:white;

}

ul#navigation li:hover > ul {

   visibility:visible;
   opacity:1;

}

ul#navigation ul, ul#navigation ul li ul {

   list-style: none;
   margin: 0px;
   padding: 0px;  
   visibility:hidden;
   opacity:0;
   position: absolute;
   z-index: 99999;

}


ul#navigation ul li {

   clear:both;
   width:100%;
   /*border:0 none;*/

}

/*runtergeklappte Menupunkte, einzeln*/ ul#navigation ul li a { font-size:16px;

   background:#FF6600;
   padding:7px 10px;
   color:#003366;
   text-shadow:0px 0px 0px #fff;
   text-decoration:none;
   display:inline;
   float:left;
   clear:both;
   width:150px;

border-style:none;


}