Team:Bordeaux/css main

From 2014.igem.org

(Difference between revisions)
Line 318: Line 318:
-
#menu {
+
#ex2 .nav {
-
    padding: 0; margin: 0;   
+
    border: 1px solid #333; 
-
     text-align: center; /* centrer le texte */  
+
    border-top-color: #707070; 
-
}
+
    background: -moz-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
-
+
    background: -webkit-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent; 
 +
    background: -ms-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent; 
 +
    background: -o-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent; 
 +
    background: linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;   
 +
     text-align: center;   
 +
    height: 36px; 
 +
    -webkit-box-shadow: 0 1px 3px #999; 
 +
    -moz-box-shadow: 0 1px 3px #999; 
 +
    box-shadow: 0 1px 3px #999; 
 +
    -webkit-border-radius: 6px; 
 +
    -moz-border-radius: 6px; 
 +
    border-radius: 6px; 
 +
    }
-
   
+
 
-
} 
+
#ex2 .nav a {   
-
+
    height: 36px;   
-
#menu li {   
+
     margin:0;   
-
  display: inline;   
+
     padding: 0 35px;   
-
     list-style: none;
+
     line-height: 36px;   
-
} 
+
     border-left: 1px solid #555;
-
+
     border-right: 1px solid #888;
-
 
+
     text-decoration: none;
-
+
    color: white;
-
#menu a {  
+
    text-shadow: -1px -1px 0 #444;
-
     display: inline;   
+
    font-family: Helvetica, Arial, Verdana, sans-serif; 
-
     list-style: none;   
+
     font-size: 1em;
-
} 
+
    }   
-
 
+
#ex2 .nav :first-child a {   
-
#menu a span{
+
     border-left: 0;
-
     display: block;
+
    }   
-
     margin: auto;
+
#ex2 .nav :last-child a {
-
     width: 50%;
+
     border-right: 0;   
-
}
+
    }
-
+
#ex2 .nav a:hover, 
-
#menu > li li { background: transparent none; }
+
#ex2 .nav a:focus {
-
+
     background: -moz-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
-
#menu > li li a { color: #FFF; }
+
     background: -webkit-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;   
-
 
+
    background: -ms-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
-
#menu > li li:hover a { color: #F5DF00; }
+
     background: -o-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;   
-
+
    background: linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;  
-
#menu > li li:hover {
+
     text-shadow: -1px -1px 0 #000;   
-
     background:#888888;
+
-
}   
+
-
+
-
#menu > li:first-child {   
+
-
     border-left: 0;  
+
-
}   
+
-
+
-
#menu > li li:first-child {  
+
-
     border-bottom: 1px solid #F5DF00;   
+
-
}  
+
-
+
-
#menu > li li + li{
+
-
     border-top: 1px solid #aaa;  
+
-
     border-bottom: 1px solid #F5DF00;   
+
-
}
+
-
+
-
#menu > li li:last-child {
+
-
    border-top: 1px solid #aaa;
+
-
     border-right: 0;  
+
-
}
+
-
 
+
-
#menu > li:hover { 
+
-
}  
+
-
+
-
#menu > li:hover ul {  
+
-
     max-height:20em;   
+
}
}

Revision as of 09:52, 15 August 2014

body { 

 width: 100%;
 margin: 0px auto;
 background-color: #FFF;
 background-position: 100% 0px;

}


}

.logo2 { 

 margin-left: 10%;

}

.cible { 

 margin-left: 15%;

}

  1. cadrepourpre

{ 

 background-image: url(Team_bordeaux_cadrepourpre.png);
 background-repeat: repeat-x;
 width:100%;
 margin-top: 2%;

}

  1. cadrerose

{ 

 margin-top: 0%;
 margin-left: 0%;
 width: 100%;

}

.cadrerose { margin-top:-22%; margin-left:1%; }

.points1 { margin-top:-22%; margin-left:2%; }


.cadriage { margin-top:; margin-left:%; }

  1. text

{ 

 background-image: url(Team_bordeaux_cadreblanc.png);
 background-repeat: repeat-x;
 width:100%;
 margin-top: ;

}


.photogroupe { 

 margin-top: -29%;
 margin-left: 3%;

}

/* les plans des images de tête*/

div#test1 {position: static; z-index: 2;} div#test2 {position: absolute; z-index: 3;} div#test3 {position: absolute; z-index: 4;}

  1. maincontainer_bordeax2014

{ 

 width: 100%;
 margin: 0px auto;
 background-color: #18000E;
 background-position: 100% 0px;

}



/* la barre titre (banniere igem+ menu haut)*/

  1. top-section

{ 

   height: 5px;
   width: auto;
   margin-bottom: -1.5em;
   border: 0 /*none transport*/;

}

/*le conteneur de la banière igem avec un lien vers igem*/

  1. p-logo

{ 

   display:none;
   border:none;
   margin:none;

}

/* la barre de menu du haut */

  1. menubar

{ 

   background: none repeat scroll 0 0 transparent !important;
   color: black !important;
   position: absolute;
   top: 0px;
  
   display: table-cell;

}

/*les lien de la barre de menu du haut */

  1. menubar a

{ 

   text-decoration:none;
   color:#000000;

}

/* le menu de haut gauche */

  1. menubar .left-menu

{ 

   width: 100%;
   background-color: transparent;
  /*display:none;*/

}

/* le menu de login haut droite*/ .right-menu { 

   color: transparent;
   text-decoration:none;
   text-align: right;
   background-color: transparent;

}

/* les lien du login */ .right-menu a { 

   color:transparent;
   text-decoration: transparent;
   background-color: transparent;

}

  1. menubar *

{ color: #18000E !important; background: #18000E !important; }

  1. top-section:hover #menubar *

{ color: white !important; }

  1. top-section:hover #menubar

{ background: rgba(255, 255, 255, 0.75) !important; }

/* la barre de recherche*/

  1. search-controls

{ 

   display:none;

}

/* le body de la page*/

  1. content

{ 

   width: 100%;
   background-color: #18000E;
   border:none;
   padding:none;
   margin:none;
   line-height:1em;
   color: white;
   min-height: auto;

}

  1. globalWrapper

{ 

 font-size: 150%;

}

/*titre de page */ .firstHeading { 

   display:none;
   border: none;

}

  1. footer-wrapper

{ 

 width: 848px;
 margin: 0% auto;
 background-color: #18000E;
 background-position: 100% 0px;

}

  1. f-copyrightico

{ 

   margin: 1% 0 1% 1%;

}

  1. f-poweredbyico

{ 

   margin: 1% 1% 1% 0;

}


/* la boite en bas de page */

  1. footer-box

{ 

   background-color: #18000e;   
   width: 100%;
   border: 1px solid #fff;
   padding: 0%;
   display:none;

}

  1. footer { 
   font-size: 72%;

}

  1. catlinks

{ 

   display: none;

}

ul { 

 list-style-image: none;
 line-height: 1.2em;
 margin: 0px;

}

  1. maincontainer

{ 

  padding-bottom: 15px;
  margin-top: 30px;
  background: black;
  margin: auto;
  text-align: justify;
  width: 70%; /*940px*/
  heigth: auto;
  border-bottom: 2px solid black;

}

  1. mainTextcontainer

{ 

 padding-left: 1.5%;
 padding-right: 1.5%;
 min-height: 450px;

}


/* Site settings */

a { 

text-decoration: underline;

}

a:link { 

color: #927D9E; 
cursor: pointer;

}

a:visited { 

color: #927D9E;

}

a:hover { 

color: #E56FCC;

}

a * { 

color: #927D9E;
text-decoration: underline;

}

sup { 

font-size: 0.7em;
vertical-align: 0.3em;

}

sub { font-size: 0.7em; }

/*********| HEADER |*************/

  1. header

{ 

 width: 100%;
 margin: 0px auto;
 background-color: #18000E;
 background-position: 100% 0px;

}


  1. ex2 .nav { 
   border: 1px solid #333;  
   border-top-color: #707070;  
   background: -moz-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;  
   background: -webkit-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;  
   background: -ms-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;  
   background: -o-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;  
   background: linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;  
   text-align: center;  
   height: 36px;  
   -webkit-box-shadow: 0 1px 3px #999;  
   -moz-box-shadow: 0 1px 3px #999;  
   box-shadow: 0 1px 3px #999;  
   -webkit-border-radius: 6px;  
   -moz-border-radius: 6px;  
   border-radius: 6px;  
   }


  1. ex2 .nav a { 
   height: 36px;  
   margin:0;  
   padding: 0 35px;  
   line-height: 36px;  
   border-left: 1px solid #555;  
   border-right: 1px solid #888;  
   text-decoration: none;  
   color: white;  
   text-shadow: -1px -1px 0 #444;  
   font-family: Helvetica, Arial, Verdana, sans-serif;  
   font-size: 1em;  
   }
  1. ex2 .nav :first-child a { 
   border-left: 0;  
   }
  1. ex2 .nav :last-child a { 
   border-right: 0;  
   }
  1. ex2 .nav a:hover,
  2. ex2 .nav a:focus { 
   background: -moz-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;  
   background: -webkit-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;  
   background: -ms-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;  
   background: -o-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;  
   background: linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;  
   text-shadow: -1px -1px 0 #000;

}

Retrieved from "http://2014.igem.org/Team:Bordeaux/css_main"