Team:Grenoble/Design/css

From 2012.igem.org

(Difference between revisions)
m
Line 249: Line 249:
right: 90px;
right: 90px;
bottom: 50px;
bottom: 50px;
 +
}
 +
 +
section
 +
{
 +
background-color: white;
 +
opacity: 0.6;
 +
position: absolute;
 +
top: 100px;
 +
left: 100px;
}
}

Revision as of 13:04, 26 July 2012

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

  1. page

{ position: absolute; left: -150px; background-image: url('https://static.igem.org/mediawiki/2012/d/da/Fond.png'); 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: 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 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: 75px; 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; }

  1. cadre

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

  1. icon

{ position: absolute; left: -80px; top: 30px; }

  1. bar

{ position: absolute; left: -65px; top: 10px; }

  1. mail

{ position: absolute; right: 90px; bottom: 50px; }

section { background-color: white; opacity: 0.6; position: absolute; top: 100px; left: 100px; }