Team:Grenoble/Design/css

From 2012.igem.org

Revision as of 22:03, 20 September 2012 by Clemenni (Talk | contribs)
  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo

{

   display:none;
   background-color: none;

}

body, html {

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

}

  1. top-section

{

   border: none;
   height: 0px;

}

  1. content

{

   border: none;
   background: none;

}

  1. 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; }

  1. top-section

{

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

}

  1. menubar

{

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

}

.left-menu:hover {

   background-color: transparent;

}

  1. menubar li a

{

   background-color: transparent;

}

  1. menubar:hover

{

   color: white;

}

  1. menubar li a

{

   color: transparent;

}

  1. menubar:hover li a

{

   color: white;

}

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

.right-box { width: 0px; }

  1. page

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

nav { margin-left: 95px; }

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

ul.topnav li a { padding: 10px 10px 10px 10px; display: block; text-decoration: none;

       margin-left: -10px;

}

ul.topnav li ul.subnav li a { margin-left: 5px; }

/*#home_icon { margin-top: 19px; }*/

  1. HP_icon

{ margin-top: -4px; }

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, .menu_gauche[id="model_icon"] ul li:hover { background-color: #ffc000; }

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

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

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

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

ul.topnav li[id="HP_icon"] ul.subnav li:hover, .menu_gauche[id="HP_icon"] ul li:hover { background-color: #1c477b; }

ul.topnav li[id="Gre_icon"] ul.subnav li:hover { background-color: white; }

.menu_gauche[id="gre_icon"] ul li:hover { background-color: white; }

.menu_gauche[id="HP_icon"] ul li:hover { background-color: #1c477b; }

ul.topnav li[id="HP_icon"] ul.subnav li a:hover, ul.topnav li[id="bio_icon"] ul.subnav li a:hover, ul.topnav li[id="model_icon"] ul.subnav li a:hover, ul.topnav li[id="team_icon"] ul.subnav li a:hover, ul.topnav li[id="safety_icon"] ul.subnav li a:hover, ul.topnav li[id="project_icon"] ul.subnav li a:hover { font-weight: bold; color: white; }

ul.topnav li[id="Gre_icon"] ul.subnav li a:hover { font-weight: bold; }

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: -19px; top: 105px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }

/*ul.topnav li[id="Gre_icon"] ul.subnav { position: absolute; letf: -10px; top: 75px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }*/

ul.topnav li[id="HP_icon"] ul.subnav { position: absolute; letf: -10px; top: 110px; 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.menu li { list-style: none; width: 143px; height: 30px; margin-top: 10px; margin-bottom: 10px; background: #e6e6e6; border-radius: 10px; padding: 15px 10px 10px 10px; }

ul.menu li ul.submenu { position: relative; width: 90px; top: 21px; left: 10px; margin-top: 0px; background: #e6e6e6; border-radius: 10px; /*display: none;*/ }

ul.menu li ul.submenu li { width: 80px; height: 20px; margin-top: 0px; margin-bottom: 0px; }

.menu_gauche { position: fixed; top: 210px; left: 32px; }

.menu_gauche ul a li { color: black; font-size: 1.1em; }

.menu_gauche ul li a { color: black; font-size: 1.1em; }

.menu_gauche ul li { color: black; font-size: 1.1em; }

.menu_gauche ul a { text-decoration: none; }

.menu_gauche ul.menu li ul.submenu a li { font-size: 0.9em; padding: 5px 5px 5px 5px; }

.menu_gauche[id="project_icon"] ul a li:hover { font-weight: bold; color: white; }

.menu_gauche[id="model_icon"] ul a li:hover { font-weight: bold; color: white; }

.menu_gauche[id="safety_icon"] ul a li:hover { font-weight: bold; color: white; }

.menu_gauche[id="bio_icon"] ul a li:hover { font-weight: bold; color: white; }

.menu_gauche[id="bio_icon"] ul li:hover a { font-weight: bold; color: white; }

.menu_gauche[id="team_icon"] ul a li:hover { font-weight: bold; color: white; }

.menu_gauche[id="gre_icon"] ul a li:hover { font-weight: bold; }

.menu_gauche[id="HP_icon"] ul a li:hover { font-weight: bold; color: white; }

  1. cadre

{ position: absolute; top: 150px; left: 110px; width: 860px; }

  1. icon

{ position: fixed; left: 48px; top: 20px; }


  1. mail

{ position: fixed; right: -150px; bottom: 30px; }

  1. home_icon

{ position: fixed; top: -150px; right: 30px; }

section { font-size: 1.1em; background-color: white; text-align: justify; padding: 10px; border-radius: 10px; font-family: Verdana; margin-bottom: 40px; }

h4 { /*font-size: 2.5em; margin-left: 100px; text-shadow: 2px 2px 2px black; opacity: 0.4; margin-bottom: 40px;*/ }

/*.presentation { font-size: 1.2em; }*/

.champ { margin-bottom: 20px; margin-left: 50px; }

.champ_title { font-size: 1.6em; color: #77933c; margin-right: 15px; position: relative; bottom: 15px; right: 50px; }

.portrait { /*margin-left: 130px;*/ margin-bottom: 40px; }

ul { list-style: circle; }

.exposant { font-size: 0.7em; position: relative; bottom: 5px; }

.indice { font-size: 0.7em; position: relative; top: 5px; }

.legend { font-size: 0.7em; margin-left: auto; margin-right: auto; width: 300px; }

.code { font-size: 0.7em; font-weight: bold; }

.petit { font-size: 0.8em; text-align: justify; }

.encadre { padding : 10px 10px 10px 10px; border-radius: 10px; }

.encadre[id="red"] { border: 2px red solid; }


.encadre[id="blue"] { border: 2px blue solid; }


.encadre[id="green"] { border: 2px green solid; }

table { border-collapse: collapse; padding: 7px; }

td, th { border: solid 1px black; padding: 7px; }

span.gras { font-weight: bold; }