Team:Grenoble/Design/style

From 2012.igem.org

Revision as of 13:14, 24 July 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;

}

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

body { }

  1. page

{ position: absolute; left: -150px; background-image: url('https://static.igem.org/mediawiki/2012/d/da/Fond.png'); width: 1280px; height: 1024px; }

.logo1 { position: absolute; top: 0px; right: 0px; }

section { vertical-align: top; }

article {

    font-size: 1.1em;
    background-color: white;
    opacity: 0.8;
    width: 790px;
    height: 800px;
    padding-left: 10px;
    margin-top: 150px;
    margin-left: 20px;
    overflow: auto;

}

aside { margin-left: 150px; /*margin-bottom: 150px;*/ }

.logo1 { position: absolute; top: 0px; right: 0px; }

article, aside { display: inline-block; }

h1 { border: none; text-align: center; }

h4 { text-align: center; }

  1. title

{ position: absolute; top: 300px; left: 0px; }

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

ul.topnav li a { /*padding: 8px 15px 10px 15px;*/

       margin-right: 70px;

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

       margin-left: 0px;

}

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

/**************************************************************/ /* À réutiliser pour la barre de menu en haut des autres pages*/ /*ul.topnav ul a { opacity: 0.6; }*/ /**************************************************************/


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

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

ul.topnav li[id="bio_icon"] ul.subnav li:hover { background-color: #2c95b0; opacity: 0.74; }

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

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: 70px; top: 75px; /*background: white;*/ display: none; float: left; }

ul.topnav li ul.subnav li { border-top: 1px solid; 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 li:last-child { border-bottom: 1px solid; }

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