"
Template:Team:Bonn:PageMenu
From 2013.igem.org
(Difference between revisions)
| Line 37: | Line 37: | ||
background-color:#EDEDED; | background-color:#EDEDED; | ||
padding-bottom:0; | padding-bottom:0; | ||
| + | |||
| + | margin:0 auto; | ||
| + | padding: 0 20px 0 20px; | ||
| + | position:absolute; | ||
| + | left:50px; top:20px; width:900px; height:200px; | ||
| + | z-index:10; | ||
| + | opacity:0.95; | ||
| + | list-style: none; | ||
| + | color:#000000; | ||
| + | |||
} | } | ||
.rootVoices td.rootVoice { | .rootVoices td.rootVoice { | ||
| Line 75: | Line 85: | ||
} | } | ||
| + | /**/ | ||
| + | |||
| + | .menuContainer{ | ||
| + | /*overflow:hidden;*/ | ||
| + | position:absolute; | ||
| + | background-color:gray; | ||
| + | border-top:5px solid black; | ||
| + | padding:0; | ||
| + | -moz-box-shadow:#999 2px 2px 10px; | ||
| + | -webkit-box-shadow:#999 2px 2px 10px; | ||
| + | box-shadow:#999 2px 2px 10px; | ||
| + | -moz-border-radius: 0 0 8px 8px; | ||
| + | -webkit-border-top-right-radius:0px; | ||
| + | -webkit-border-top-left-radius:0px; | ||
| + | -webkit-border-bottom-right-radius:8px; | ||
| + | -webkit-border-bottom-left-radius:8px; | ||
| + | } | ||
| + | .menuContainer.submenuContainer{ | ||
| + | border-top:none!important; | ||
| + | } | ||
| + | |||
| + | .menuContainer.disabled{ | ||
| + | border-top:5px solid #999; | ||
| + | background-color:gray; | ||
| + | } | ||
| + | .menuContainer .line{ | ||
| + | background-color:transparent; | ||
| + | width:100%; | ||
| + | } | ||
| + | .menuContainer .line.title { | ||
| + | background-color:black; | ||
| + | font-family:Arial,Helvetica,sans-serif; | ||
| + | font-size:14px; | ||
| + | /*border-bottom:1px solid black;*/ | ||
| + | } | ||
| + | .menuContainer.disabled .line.title { | ||
| + | background-color:#999; | ||
| + | } | ||
| + | .menuContainer .line.title a{ | ||
| + | font-size:14px; | ||
| + | color:#ccc; | ||
| + | } | ||
| + | .menuContainer.disabled .line.title a{ | ||
| + | font-size:14px; | ||
| + | color:#666; | ||
| + | text-shadow:#999 1px 1px 1px; | ||
| + | } | ||
| + | .menuContainer td a{ | ||
| + | text-decoration:none; | ||
| + | color:#f3f3f3; | ||
| + | text-shadow:#666 1px 1px 1px; | ||
| + | } | ||
| + | .menuContainer td.voice{ | ||
| + | font-family:Arial,Helvetica,sans-serif; | ||
| + | font-size:14px; | ||
| + | padding:7px; | ||
| + | } | ||
| + | .menuContainer .separator{ | ||
| + | background-color:#999; | ||
| + | height:1px; | ||
| + | padding:0; | ||
| + | margin:0; | ||
| + | } | ||
| + | .menuContainer td.img{ | ||
| + | font-family:Arial,Helvetica,sans-serif; | ||
| + | text-align:center; | ||
| + | font-size:12px; | ||
| + | color: #c3c3c3; | ||
| + | background-color:transparent; | ||
| + | width:24px; | ||
| + | padding:5px; | ||
| + | } | ||
| + | .menuContainer td.img img{ | ||
| + | width:20px; | ||
| + | } | ||
| + | .menuContainer .textBox{ | ||
| + | padding: 10px; | ||
| + | font-family:Arial,Helvetica,sans-serif; | ||
| + | font-size:12px; | ||
| + | color: #c3c3c3; | ||
| + | } | ||
| + | .menuContainer .selected td{ | ||
| + | background-color:#f3f3f3; | ||
| + | background-image:url("../images/bgnd_sel_2.jpg") | ||
| + | } | ||
| + | .menuContainer .selected td a{ | ||
| + | color:#000; | ||
| + | text-shadow:#fff 2px 2px 1px; | ||
| + | display:block; | ||
| + | } | ||
| + | .menuContainer .disabled td, .menuContainer .disabled td a { | ||
| + | color:#555; | ||
| + | text-shadow:#999 1px 1px 1px; | ||
| + | } | ||
| + | .menuContainer .subMenuOpener{ | ||
| + | background-image:url("../images/menuArrow_w.gif"); | ||
| + | background-repeat:no-repeat; | ||
| + | background-position:right; | ||
| + | } | ||
| + | .menuContainer .selected .subMenuOpener{ | ||
| + | background-image:url("../images/menuArrow.gif"); | ||
| + | background-repeat:no-repeat; | ||
| + | background-position:right; | ||
| + | } | ||
</style> | </style> | ||
Revision as of 17:40, 28 April 2013
|
