Template:INSA-Lyon/menugauche

From 2010.igem.org

(Difference between revisions)
m
m
 
(59 intermediate revisions not shown)
Line 14: Line 14:
color:#666;
color:#666;
}
}
-
#menu {
+
 
 +
/* --------------------------
 +
          MENU
 +
----------------------------*/
 +
#menug {
background:transparent;
background:transparent;
-
width:150px;
+
width:130px;
}
}
-
#menu ul {
+
#menug ul {
list-style:none;
list-style:none;
}
}
-
#menu li {
+
#menug li {
         list-style:none;
         list-style:none;
-
margin:2px 0;
+
margin:2px;
}
}
-
#menu li a {
+
#menug li a {
list-style:none;
list-style:none;
background:#82837c;
background:#82837c;
color:#fff;
color:#fff;
-
text-transform:lowercase;
 
font-size:11px;
font-size:11px;
font-weight:bold;
font-weight:bold;
Line 36: Line 39:
border-width:0 6px 0 6px;
border-width:0 6px 0 6px;
display:block;
display:block;
-
height:25px;
+
height:30px;
-
line-height:25px;
+
line-height:30px;
-
padding:0 0 0 8px;
+
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;
}
}
-
#menu li a:hover {
+
#menug li a:hover {
background:#777776;
background:#777776;
         text-decoration:none;
         text-decoration:none;
}
}
-
#menu li a.green {
+
#menug li a.black {
-
background:#83ad3e;
+
background:black;
-
border:solid #6f9234;
+
border:solid black;
border-width:0 6px 0 6px;
border-width:0 6px 0 6px;
}
}
-
#menu li a:hover.green {
+
#menug li a:hover.black {
-
background:#6f9234;
+
background:black;
 +
border:solid red;
 +
border-width:0 6px 0 6px;
 +
}
 +
#menug li a.green {
 +
background:#82837c /* #43e669 */;
 +
border:solid #777776 /* #35a066 */;
 +
border-width:0 6px 0 6px;
 +
}
 +
#menug li a:hover.green {
 +
background:#43e669;
 +
        border: solid #35a066;
 +
border-width:0 6px 0 6px;
 +
}
 +
#menug li a.blue {
 +
background:#82837c /* #4396bd */;
 +
border:solid #777776 /* #377e9f */;
 +
border-width:0 6px 0 6px;
}
}
-
#menu li a.blue {
+
#menug li a:hover.blue{
background:#4396bd;
background:#4396bd;
-
border:solid #377e9f;
+
        border: solid #377e9f;
border-width:0 6px 0 6px;
border-width:0 6px 0 6px;
}
}
-
#menu li a:hover.blue{
+
#menug li a.orange{
-
background:#377e9f;
+
        background:#82837c /* #ff7327 */;
 +
border:solid #777776 /* #d65611 */;
 +
border-width:0 6px 0 6px;
}
}
-
#menu li a.orange{
+
#menug li a:hover.orange{
         background:#ff7327;
         background:#ff7327;
-
border:solid #d65611;
+
        border: solid #d65611;
border-width:0 6px 0 6px;
border-width:0 6px 0 6px;
}
}
-
#menu li a:hover.orange{
+
#menug li a.brn{
-
        background:#d65611;
+
background:#82837c /* #7F5217 */;
 +
border:solid #777776 /* #603310 */;
 +
border-width:0 6px 0 6px;
}
}
-
#menu li a.brn{
+
#menug li a:hover.brn{
-
background:#a53cbe;
+
background:#ba55d3;
-
border:solid #87249f;
+
        border:solid #9400d3;
border-width:0 6px 0 6px;
border-width:0 6px 0 6px;
}
}
-
#menu li a:hover.brn{
+
#menug li a.yellow{
-
background:#87249f;
+
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

Retrieved from "http://2010.igem.org/Template:INSA-Lyon/menugauche"