Team:Grenoble/Design/css

From 2012.igem.org

(Difference between revisions)

Revision as of 09:38, 1 August 2012

contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo

{

   display:none;
   background-color: none;

}

body, html {

margin: 0;
padding: 0; 
height: 100%;

}

top-section

{

   border: none;
   height: 0px;

}

content

{

   border: none;
   background: none;

}

menubar

{

   width: auto;

}

body {

   margin: 0 0 0 0;
   padding: 0;
   width: 100%;

}

body[id="Project"] { background: url('https://static.igem.org/mediawiki/2012/f/f2/Project_fond.png') fixed no-repeat; }

body[id="Team"] { background: url('https://static.igem.org/mediawiki/2012/5/5f/Team_fond.png') fixed no-repeat; }

body[id="Biology"] { background: url('https://static.igem.org/mediawiki/2012/a/ac/Biology_fond.png') fixed no-repeat; }

body[id="Safety"] { background: url('https://static.igem.org/mediawiki/2012/6/65/Safety_fond.png') fixed no-repeat; }

body[id="Parts"] { background: url('https://static.igem.org/mediawiki/2012/3/3a/Parts_fond.png') fixed no-repeat; }

body[id="Modeling"] { background: url('https://static.igem.org/mediawiki/2012/6/62/Modelling_fond.png') fixed no-repeat; }

body[id="HP"] { background: url('https://static.igem.org/mediawiki/2012/4/44/HP_fond.png') fixed no-repeat; }

body[id="Gre"] { background: url('https://static.igem.org/mediawiki/2012/0/05/Grenoble_fond.png') fixed no-repeat; }

top-section

{

   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;

}

menubar

{

   font-size: 65%;
   top: 0px;

}

.left-menu:hover {

   background-color: transparent;

}

menubar li a

{

   background-color: transparent;

}

menubar:hover

{

   color: white;

}

menubar li a

{

   color: transparent;

}

menubar:hover li a

{

   color: white;

}

.letf-menu: hover { background-color: transparent; }

.right-box { width: 0px; }

page

{ position: absolute; left: -150px; width: 1280px; height: 1024px; }

nav { margin-left: 100px; }

ul.topnav li a { display: inline-block; }

ul.topnav li a { padding: 10px 10px 10px 10px;

       /*margin-right: 70px;*/

display: block; text-decoration: none; /*float: left;*/

       margin-left: -10px;

}

home_icon

{ margin-top: 19px; }

HP_icon

{ margin-top: -9px; }

Gre_icon

{ margin-top: 23px; }

parts_icon

{ margin-top: -20px; }

html ul.topnav li a: hover { /*opacity: 0.7;*/ }

ul.topnav ul, ul.topnav ul li { list-style: none; }

ul.topnav ul, ul.topnav ul li:visited { text-decoration: none; style-effect: none; }

/****************************************/ /* Barre de menu en haut de chaque page */ /****************************************/

ul.topnav ul li { opacity: 0.7; }

ul.topnav ul li:hover { opacity: 1; }

ul.topnav li[id="model_icon"] ul.subnav li:hover { background-color: #ffc000; }

ul.topnav li[id="project_icon"] ul.subnav li:hover { background-color: #c00000; }

ul.topnav li[id="bio_icon"] ul.subnav li:hover { background-color: #30849b; }

ul.topnav li[id="safety_icon"] ul.subnav li:hover { background-color: #e46c0a; }

ul.topnav li[id="team_icon"] ul.subnav li:hover { background-color: #77933c; }

ul.topnav li ul.subnav li a:hover { font-weight: bold; color: white; }

ul.topnav ul a:hover { text-decoration: none; }

ul.topnav li { float: left; position: relative; }

ul.topnav > li > a { height: 28px; overflow: hidden; }

ul.topnav li ul.subnav { position: absolute; left: -10px; top: 105px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }

ul.topnav li ul.subnav li { border-radius: 10px; }

ul.topnav li ul.subnav li a { color: black; /*text-align: justify;*/ }

ul.topnav li ul.subnav li: hover { }

ul.topnav li ul.subnav, ul.topnav li ul.subnav li { width: 160px; }

/**********************/ /* Menu sur la gauche */ /**********************/

.menu_gauche ul li { list-style: none; margin-top: 10px; margin-bottom: 10px; background: #e6e6e6; border-radius: 10px; padding: 10px 10px 10px 10px; width: 143px; height: 30px; }

.menu_gauche { position: absolute; top: 210px; left: -157px; }

.menu_gauche[id="bio_icon"] ul li:hover { background-color: #30849b; }

/*#cadre { margin-top: 100px; height: 1000px; width: 500px; background: white; opacity: 0.6; }*/

icon

{ position: absolute; left: -140px; top: 20px; }

bar

{ position: absolute; left: -85px; top: 10px; background: repeat; }

mail

{ position: absolute; right: -150px; top: 100px; }

section { font-size: 1.1em; background-color: white; /*opacity: 1;*/ position: absolute; top: 150px; left: 100px; width: 860px; /*height: 770px;*/ text-align: justify; padding: 10px; border-radius: 10px; }

h4 { text-align: center; }

@@ Line 310: / Line 310: @@
 }
-.menu_gauche[id="bio_icon"] ul
+.menu_gauche[id="bio_icon"] ul li:hover
 {
 background-color: #30849b;