Template:INSA-Lyon/menugauche

From 2010.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> - →-------------------------- AUTHOR : STYLED MENUS URL : http://www.styledmenus.com Copyrights by STYLED MENUS ----------------------------: *{ margin:0;...)
m
 
(62 intermediate revisions not shown)
Line 7: Line 7:
Copyrights by STYLED MENUS
Copyrights by STYLED MENUS
----------------------------*/
----------------------------*/
-
*{
+
* {
margin:0;
margin:0;
padding:0;
padding:0;
}
}
-
body{
+
body {
-
background:#fff;
+
color:#666;
color:#666;
-
/* font:12px/18px Tahoma, Arial, Helvetica, sans-serif; */
 
}
}
-
#menu{
+
 
-
background:#fff;
+
/* --------------------------
-
width:170px;
+
          MENU
-
}
+
----------------------------*/
-
#menu ul{
+
#menug {
-
list-style:none;
+
background:transparent;
-
}
+
width:130px;
-
#menu li{
+
}
-
list-style:none;
+
#menug ul {
-
margin:2px 0;
+
list-style:none;
-
}
+
}
-
#menu li a{
+
#menug li {
-
list-style:none;
+
        list-style:none;
-
background:#82837c;
+
margin:2px;
-
color:#fff;
+
}
-
text-transform:uppercase;
+
#menug li a {
-
font-size:11px;
+
list-style:none;
-
font-weight:bold;
+
background:#82837c;
-
text-decoration:none;
+
color:#fff;
-
border:solid #777776;
+
font-size:11px;
-
border-width:0 6px 0 6px;
+
font-weight:bold;
-
display:block;
+
text-decoration:none;
-
height:30px;
+
border:solid #777776;
-
line-height:30px;
+
border-width:0 6px 0 6px;
-
padding:0 0 0 10px;
+
display:block;
-
}
+
height:30px;
-
#menu li a:hover{
+
line-height:30px;
-
background:#777776;
+
padding:0 0 0 10px;
-
color:#fff;
+
        margin-bottom: 7px;
-
text-decoration:none;
+
 
-
}
+
-moz-border-radius: 5px;
-
#menu li a.green{
+
-webkit-border-radius: 5px;
-
background:#83ad3e;
+
-goog-ms-border-radius: 5px;
-
border:solid #6f9234;
+
border-radius: 5px;
-
border-width:0 6px 0 6px;
+
 
-
}
+
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px;
-
#menu li a:hover.green{
+
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1.8px;
-
background:#6f9234;
+
-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.blue{
+
}
-
background:#4396bd;
+
#menug li a:hover {
-
border:solid #377e9f;
+
background:#777776;
-
border-width:0 6px 0 6px;
+
        text-decoration:none;
-
}
+
}
-
#menu li a:hover.blue{
+
#menug li a.black {
-
background:#377e9f;
+
background:black;
-
}
+
border:solid black;
-
#menu li a.orange{
+
border-width:0 6px 0 6px;
-
background:#ff7327;
+
}
-
border:solid #d65611;
+
#menug li a:hover.black {
-
border-width:0 6px 0 6px;
+
background:black;
-
}
+
border:solid red;
-
#menu li a:hover.orange{
+
border-width:0 6px 0 6px;
-
background:#d65611;
+
}
-
}
+
#menug li a.green {
-
#menu li a.brn{
+
background:#82837c /* #43e669 */;
-
background:#a53cbe;
+
border:solid #777776 /* #35a066 */;
-
border:solid #87249f;
+
border-width:0 6px 0 6px;
-
border-width:0 6px 0 6px;
+
}
-
}
+
#menug li a:hover.green {
-
#menu li a:hover.brn{
+
background:#43e669;
-
background:#87249f;
+
        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;
 +
}
 +
#menug li a:hover.blue{
 +
background:#4396bd;
 +
        border: solid #377e9f;
 +
border-width:0 6px 0 6px;
 +
}
 +
#menug li a.orange{
 +
        background:#82837c /* #ff7327 */;
 +
border:solid #777776 /* #d65611 */;
 +
border-width:0 6px 0 6px;
 +
}
 +
#menug li a:hover.orange{
 +
        background:#ff7327;
 +
        border: solid #d65611;
 +
border-width:0 6px 0 6px;
 +
}
 +
#menug li a.brn{
 +
background:#82837c /* #7F5217 */;
 +
border:solid #777776 /* #603310 */;
 +
border-width:0 6px 0 6px;
 +
}
 +
#menug li a:hover.brn{
 +
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

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