Template:INSA-Lyon/menugauche
From 2010.igem.org
(Difference between revisions)
m |
m |
||
(54 intermediate revisions not shown) | |||
Line 14: | Line 14: | ||
color:#666; | color:#666; | ||
} | } | ||
+ | |||
+ | /* -------------------------- | ||
+ | MENU | ||
+ | ----------------------------*/ | ||
#menug { | #menug { | ||
background:transparent; | background:transparent; | ||
- | width: | + | width:130px; |
} | } | ||
#menug ul { | #menug ul { | ||
Line 38: | Line 42: | ||
line-height:30px; | line-height:30px; | ||
padding:0 0 0 10px; | padding:0 0 0 10px; | ||
+ | margin-bottom: 7px; | ||
+ | |||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -goog-ms-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
+ | -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
+ | -goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
+ | box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
} | } | ||
#menug li a:hover { | #menug li a:hover { | ||
background:#777776; | background:#777776; | ||
text-decoration:none; | text-decoration:none; | ||
+ | } | ||
+ | #menug li a.black { | ||
+ | background:black; | ||
+ | border:solid black; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a:hover.black { | ||
+ | background:black; | ||
+ | border:solid red; | ||
+ | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a.green { | #menug li a.green { | ||
- | background:#43e669; | + | background:#82837c /* #43e669 */; |
- | border:solid #35a066; | + | border:solid #777776 /* #35a066 */; |
border-width:0 6px 0 6px; | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a:hover.green { | #menug li a:hover.green { | ||
- | background:# | + | background:#43e669; |
+ | border: solid #35a066; | ||
+ | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a.blue { | #menug li a.blue { | ||
- | background:#4396bd; | + | background:#82837c /* #4396bd */; |
- | border:solid #377e9f; | + | border:solid #777776 /* #377e9f */; |
border-width:0 6px 0 6px; | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a:hover.blue{ | #menug li a:hover.blue{ | ||
- | background:#377e9f; | + | background:#4396bd; |
+ | border: solid #377e9f; | ||
+ | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a.orange{ | #menug li a.orange{ | ||
- | background:#ff7327; | + | background:#82837c /* #ff7327 */; |
- | border:solid #d65611; | + | border:solid #777776 /* #d65611 */; |
border-width:0 6px 0 6px; | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a:hover.orange{ | #menug li a:hover.orange{ | ||
- | background:#d65611; | + | background:#ff7327; |
+ | border: solid #d65611; | ||
+ | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a.brn{ | #menug li a.brn{ | ||
- | background:# | + | background:#82837c /* #7F5217 */; |
- | border:solid # | + | border:solid #777776 /* #603310 */; |
border-width:0 6px 0 6px; | border-width:0 6px 0 6px; | ||
} | } | ||
#menug li a:hover.brn{ | #menug li a:hover.brn{ | ||
- | background:# | + | background:#ba55d3; |
+ | border:solid #9400d3; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a.yellow{ | ||
+ | background:#82837c /* #7F5217 */; | ||
+ | border:solid #777776 /* #603310 */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a:hover.yellow{ | ||
+ | background:gold; | ||
+ | border:solid #ff8c00; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a.coral{ | ||
+ | background:#82837c /* #7F5217 */; | ||
+ | border:solid #777776 /* #603310 */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a:hover.coral{ | ||
+ | background:#ff7f50; | ||
+ | border:solid #cd5c5c; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a.slateb{ | ||
+ | background:#82837c /* #7F5217 */; | ||
+ | border:solid #777776 /* #603310 */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a:hover.slateb{ | ||
+ | background:#7b68ee; | ||
+ | border:solid #483d8b; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a.cteal{ | ||
+ | background:#82837c /* #7F5217 */; | ||
+ | border:solid #777776 /* #603310 */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #menug li a:hover.cteal{ | ||
+ | background:#008080; | ||
+ | border:solid #2f4f4f; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | |||
+ | /* -------------------------- | ||
+ | SOUS - MENU | ||
+ | ----------------------------*/ | ||
+ | #ssmenug { | ||
+ | background:transparent; | ||
+ | width:110px; | ||
+ | margin-left:20px; | ||
+ | } | ||
+ | #ssmenug ul { | ||
+ | list-style:none; | ||
+ | } | ||
+ | #ssmenug li { | ||
+ | list-style:none; | ||
+ | margin:2px; | ||
+ | } | ||
+ | #ssmenug li a { | ||
+ | list-style:none; | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | color:#fff; | ||
+ | font-size:10.5px; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | border-width:0 6px 0 6px; | ||
+ | display:block; | ||
+ | height:23px; | ||
+ | line-height:23px; | ||
+ | padding:0 0 0 10px; | ||
+ | margin-bottom: 7px; | ||
+ | |||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -goog-ms-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
+ | -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
+ | -goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
+ | box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px; | ||
+ | } | ||
+ | #ssmenug li a:hover { | ||
+ | background:#777776; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #ssmenug li a.green { | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.green { | ||
+ | background:#43e669; | ||
+ | border: solid #35a066; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a.blue { | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.blue{ | ||
+ | background:#4396bd; | ||
+ | border: solid #377e9f; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a.orange{ | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.orange{ | ||
+ | background:#ff7327; | ||
+ | border: solid #d65611; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a.brn{ | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.brn{ | ||
+ | background:#ba55d3; | ||
+ | border:solid #9400d3; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a.yellow{ | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.yellow{ | ||
+ | background:gold; | ||
+ | border:solid #ff8c00; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a.coral{ | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.coral{ | ||
+ | background:#ff7f50; | ||
+ | border:solid #cd5c5c; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a.slateb{ | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.slateb{ | ||
+ | background:#7b68ee; | ||
+ | border:solid #483d8b; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a.cteal{ | ||
+ | background:#969696 /* #4396bd */; | ||
+ | border:solid #87877F /* #377e9f */; | ||
+ | border-width:0 6px 0 6px; | ||
+ | } | ||
+ | #ssmenug li a:hover.cteal{ | ||
+ | background:#008080; | ||
+ | border:solid #2f4f4f; | ||
+ | border-width:0 6px 0 6px; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 22:14, 25 October 2010