|
|
Line 1: |
Line 1: |
| + | {{:Team:Grenoble/Templates/Css.css}} |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > |
- | <head>
| |
| | | |
- | <style>
| |
- | body {
| |
- |
| |
- | margin:0;
| |
- |
| |
- | padding:0;
| |
- |
| |
- | width:100%;
| |
- |
| |
- | background:#fcf6ee;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- | html {
| |
- |
| |
- | padding:0;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- | img.blabla {
| |
- |
| |
- | width:100%;
| |
- |
| |
- | height:auto;
| |
- |
| |
- | }
| |
- |
| |
- | li.bg, .bg {
| |
- |
| |
- | clear:both;
| |
- |
| |
- | border-bottom:1px dashed #818181;
| |
- |
| |
- | padding:0;
| |
- |
| |
- | margin:10px 0;
| |
- |
| |
- | background:none;
| |
- |
| |
- | list-style:none;
| |
- |
| |
- | }
| |
- |
| |
- | p.clr, .clr {
| |
- |
| |
- | clear:both;
| |
- |
| |
- | padding:0;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- | .logo {
| |
- |
| |
- | margin:0;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | h1 {
| |
- |
| |
- | margin:0;
| |
- |
| |
- | padding:30px 0 30px 32px;
| |
- |
| |
- | color:#5c5c5c;
| |
- |
| |
- | font:bold 45px/1.1em Arial, Helvetica, sans-serif;
| |
- |
| |
- | text-transform:uppercase;
| |
- |
| |
- | letter-spacing:-3px;
| |
- |
| |
- | }
| |
- |
| |
- | h1 a, h1 a:hover {
| |
- |
| |
- | color:#5c5c5c;
| |
- |
| |
- | text-decoration:none;
| |
- |
| |
- | }
| |
- |
| |
- | h1 span {
| |
- |
| |
- | font-weight:bold;
| |
- |
| |
- | color:#8fc400;
| |
- |
| |
- | }
| |
- |
| |
- | h1 small {
| |
- |
| |
- | font:normal 13px/1.2em Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#888;
| |
- |
| |
- | letter-spacing:normal;
| |
- |
| |
- | }
| |
- |
| |
- | .menu {
| |
- |
| |
- | padding:4px 2px 2px 2px;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | width:100%;
| |
- |
| |
- | float:left;
| |
- |
| |
- | text-align:center;
| |
- |
| |
- | }
| |
- |
| |
- | .menu ul {
| |
- |
| |
- | padding:0;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | list-style:none;
| |
- |
| |
- | border:0;
| |
- |
| |
- | float:left;
| |
- |
| |
- | }
| |
- |
| |
- | .menu li {
| |
- |
| |
- | float:left;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | padding:0 5px;
| |
- |
| |
- | border:0;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- | .menu a {
| |
- |
| |
- | float:left;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | padding:20px 0;
| |
- |
| |
- | color:#5c5c5c;
| |
- |
| |
- | font:bold 30px Arial, Helvetica, sans-serif;
| |
- |
| |
- | text-decoration:none;
| |
- |
| |
- | display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
| |
- |
| |
- | width : 144px; /* largeur */
| |
- |
| |
- | }
| |
- |
| |
- | .menu li ul /* Sous-listes */
| |
- | {
| |
- | position: absolute; /* Position absolue */
| |
- | width: 144px; /* Largeur des sous-listes */
| |
- | left: -999em; /* Hop, on envoie loin du champ de vision */
| |
- | }
| |
- |
| |
- | .menu li ul li /* Eléments de sous-listes */
| |
- | {
| |
- | /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
| |
- | border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
| |
- | }
| |
- |
| |
- | .menu li ul ul
| |
- | {
| |
- | margin : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
| |
- | /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
| |
- | border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
| |
- | }
| |
- |
| |
- | .menu li:hover ul ul, .menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
| |
- | {
| |
- | left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
| |
- | }
| |
- |
| |
- | .menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
| |
- | {
| |
- | left: auto; /* Repositionnement normal */
| |
- | min-height: 0; /* Corrige un bug sous IE */
| |
- | }
| |
- |
| |
- | /*
| |
- | .menu ul li a span {
| |
- |
| |
- | padding:20px 10px;
| |
- |
| |
- | background:none;
| |
- |
| |
- | }
| |
- |
| |
- | .menu ul li a:hover {
| |
- |
| |
- | color:#8bbe43;
| |
- |
| |
- | background:url(images/r_menu.gif) no-repeat right;
| |
- |
| |
- | }
| |
- |
| |
- | .menu ul li a:hover span {
| |
- |
| |
- | color:#8bbe43;
| |
- |
| |
- | background:url(images/l_menu.gif) no-repeat left;
| |
- |
| |
- | }
| |
- |
| |
- | .menu ul li a.active {
| |
- |
| |
- | color:#8bbe43;
| |
- |
| |
- | background:url(images/r_menu.gif) no-repeat right;
| |
- |
| |
- | }
| |
- |
| |
- | .menu ul li a.active span {
| |
- |
| |
- | color:#8bbe43;
| |
- |
| |
- | background:url(images/l_menu.gif) no-repeat left;
| |
- |
| |
- | }
| |
- | */
| |
- |
| |
- | .body {
| |
- |
| |
- | margin:0;
| |
- |
| |
- | padding:0;
| |
- |
| |
- | }
| |
- |
| |
- | .body h2 {
| |
- |
| |
- | font:bold 24px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#323a3f;
| |
- |
| |
- | padding:10px 5px;
| |
- |
| |
- | margin:5px 2px 12px 0;
| |
- |
| |
- | }
| |
- |
| |
- | .body h1 {
| |
- |
| |
- | font:bold 34px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#323a3f;
| |
- |
| |
- | padding:10px 5px;
| |
- |
| |
- | margin:5px 2px 12px 0;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | .body h3 {
| |
- |
| |
- | font:bold 24px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#323a3f;
| |
- |
| |
- | padding:10px 5px;
| |
- |
| |
- | margin:5px 0 10px 0;
| |
- |
| |
- | }
| |
- |
| |
- | .body h3 span.vert{
| |
- |
| |
- | color:#8fc400;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | .body h2 span {
| |
- |
| |
- | float:right;
| |
- |
| |
- | color:#959595;
| |
- |
| |
- | font:normal 12px Arial, Helvetica, sans-serif;
| |
- |
| |
- | }
| |
- |
| |
- | .body p {
| |
- |
| |
- | font:normal 12px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#5f5f5f;
| |
- |
| |
- | padding:5px;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | line-height:1.8em;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | .body img {
| |
- |
| |
- | float:left;
| |
- |
| |
- | padding:0;
| |
- |
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- | .body img.icon {
| |
- |
| |
- | margin: 15px 5px 2px 0;
| |
- |
| |
- | width:80px;
| |
- |
| |
- | height:auto;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | .body img.floated {
| |
- |
| |
- | float:right;
| |
- |
| |
- | margin:5px 10px 5px 0;
| |
- |
| |
- | padding:0;
| |
- |
| |
- | width:auto;
| |
- |
| |
- | height:auto;
| |
- |
| |
- | }
| |
- |
| |
- | .body a {
| |
- |
| |
- | color:#97c950;
| |
- |
| |
- | text-decoration:underline;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | .body h2.lien:hover{
| |
- |
| |
- | background-color: #D8FFC8;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | .left {
| |
- |
| |
- | float:left;
| |
- |
| |
- | width:65%;
| |
- |
| |
- | margin:40px 0px 10px 25px;
| |
- |
| |
- | padding: 0 25px;
| |
- |
| |
- | background:url(images/l_bg.gif) top left no-repeat;
| |
- |
| |
- | }
| |
- |
| |
- | .right {
| |
- |
| |
- |
| |
- |
| |
- | float:right;
| |
- |
| |
- | width:20%;
| |
- |
| |
- | margin:40px 10px 0 0;
| |
- |
| |
- | padding:0 25px;
| |
- |
| |
- | background:url(images/r_bg.gif) top center no-repeat;
| |
- |
| |
- | }
| |
- |
| |
- | .right ul {
| |
- |
| |
- | list-style:none;
| |
- |
| |
- | margin:5px 0;
| |
- |
| |
- | padding:0;
| |
- |
| |
- | }
| |
- |
| |
- | .right li {
| |
- |
| |
- | background:10px 10px no-repeat;
| |
- |
| |
- | font:normal 14px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#464646;
| |
- |
| |
- | padding:5px 0;
| |
- |
| |
- | margin:3px 0;
| |
- |
| |
- | }
| |
- |
| |
- | .right li a {
| |
- |
| |
- | padding:0 0 0 5px;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | font:bold 17px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#5f5f5f;
| |
- |
| |
- | text-decoration:none;
| |
- |
| |
- | }
| |
- |
| |
- | .right li a:hover {
| |
- |
| |
- | color:#97c950;
| |
- |
| |
- | margin:5px;
| |
- |
| |
- | /*background-color:#a2cd9a;*/
| |
- |
| |
- | text-decoration:none;
| |
- |
| |
- | }
| |
- |
| |
- | .right ul.sponsors {
| |
- |
| |
- | list-style:none;
| |
- |
| |
- | margin:5px 0;
| |
- |
| |
- | padding:0;
| |
- |
| |
- | }
| |
- |
| |
- | .right li.sponsors {
| |
- |
| |
- | background:none;
| |
- |
| |
- | font:normal 12px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#5f5f5f;
| |
- |
| |
- | padding:8px 0;
| |
- |
| |
- | }
| |
- |
| |
- | .right li.sponsors a {
| |
- |
| |
- | padding:0 0 0 0px;
| |
- |
| |
- | margin:0;
| |
- |
| |
- | font:normal 13px Arial, Helvetica, sans-serif;
| |
- |
| |
- | color:#97c950;
| |
- |
| |
- | text-decoration:none;
| |
- |
| |
- | }
| |
- |
| |
- | .right li.sponsors strong {
| |
- |
| |
- | color:#97c950;
| |
- |
| |
- | }
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- | </head>
| |
| <body> | | <body> |
| | | |
TEAM:Grenoble
Our Sponsors
Event Calendar
Contact Us
geoffrey.bouchage
@phelma.grenoble-inp.fr