Team:Grenoble/Design/css
From 2012.igem.org
- 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;
}
- 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; 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; }
- cadre
{ margin-top: 100px; height: 1000px; width: 500px; background: white; opacity: 0.6; }
- icon
{ position: absolute; left: -80px; top: 30px; }
- bar
{ position: absolute; left: -65px; top: 10px; }
{ position: absolute; right: 90px; bottom: 50px; }
section { background-color: white; opacity: 0.6; position: absolute; top: 120px; left: 120px; width: 900px; height: 800px; }