|
|
Zeile 5: |
Zeile 5: |
| <li class="oben-li"> | | <li class="oben-li"> |
| <html> | | <html> |
− | <style type="text/css"> | + | <htmlet>menu.css</htmlet> |
− | ul#menu,ul #menu ul{
| |
− | margin:0; list-style:none; padding:0; background-color:#dedede;
| |
− | border-width:1px; border-style:solid; border-color:#5f5f5f; display: block;
| |
− | -moz-border-radius:5px;
| |
− | -webkit-border-radius:5px;
| |
− | border-radius:5px;}
| |
− | ul#menu ul{
| |
− | display:none; position:absolute; left:0; top:100%;
| |
− | -moz-box-shadow:3.5px 3.5px 5px #000000;
| |
− | -webkit-box-shadow:3.5px 3.5px 5px #000000;
| |
− | box-shadow:3.5px 3.5px 5px #000000;
| |
− | background-color:#fefefe; border-radius:16px;
| |
− | -moz-border-radius:16px;
| |
− | -webkit-border-radius:16px;
| |
− | border: 1px solid #747474;
| |
− | padding:0 10px 10px;}
| |
− | ul#menu li:hover>*{display:block;}
| |
− | ul#menu li{position:relative; display:block; white-space:nowrap; font-size:0; float:left;}
| |
− | ul#menu li:hover{ z-index:1; color:red; }
| |
− | ul#menu {font-size:0; z-index:999; position:relative; display:inline-block; padding:0; *display:inline;}
| |
− | * html ul#menu li a{display:inline-block;}
| |
− | ul#menu>li{margin:0;}
| |
− | ul#menu a:active, ul#menu a:focus {outline-style:none;}
| |
− | /* *** globale Schrifteinstellung *** */
| |
− | a.br {display:block; }
| |
− | /* menu prim */
| |
− | ul#menu a{
| |
− | display:block; vertical-align:middle; text-align:left; text-decoration:none;
| |
− | letter-spacing: 0.1em;
| |
− | font:14px Trebuchet MS; color:#000000;
| |
− | cursor:pointer;
| |
− | padding-top: 6px; padding-left: 12px; padding-bottom: 6px; padding-right: 12px;
| |
− | background-image: -webkit-linear-gradient(white 0%, #9FBFD2 100%);
| |
− | background-image: -moz-linear-gradient(white 0%, #9FBFD2 100%);
| |
− | background-image: -o-linear-gradient(white 0%, #9FBFD2 100%);
| |
− | background-image: linear-gradient(white 0%, #9FBFD2 100%);
| |
− | border-width:0 0 0 1px; border-style:solid; border-color:#C0C0C0;}
| |
− | ul#menu ul li{ float:none; margin:10px 0 0;}
| |
− | ul#menu li:hover>a, ul#menu li a.gedrueckt{
| |
− | background-color:#c1c1c1;
| |
− | background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#ffffff));
| |
− | background-image: -webkit-linear-gradient(top, #c1c1c1, #ffffff);
| |
− | background-image: -moz-linear-gradient(top, #c1c1c1, #ffffff);
| |
− | background-image: -o-linear-gradient(top, #c1c1c1, #ffffff);
| |
− | background-image: linear-gradient(to bottom, #c1c1c1, #ffffff);
| |
− | border-color:#C0C0C0; border-style:solid; color:#000000; text-shadow:#FFF 0 0 1px;
| |
− | text-decoration:none;}
| |
− | ul#menu span {display:block; overflow:visible; background-position:right center; background-repeat:no-repeat; padding-right:0px;}
| |
− | ul#menu li.oben-li>a{
| |
− | border-radius:5px 0 0 5px;
| |
− | -moz-border-radius:5px 0 0 5px;
| |
− | -webkit-border-radius:5px;
| |
− | -webkit-border-top-right-radius:0;
| |
− | -webkit-border-bottom-right-radius:0;}
| |
− | ul#menu li.oben-re>a{
| |
− | border-radius:0 5px 5px 0;
| |
− | -moz-border-radius:0 5px 5px 0;
| |
− | -webkit-border-radius:0;
| |
− | -webkit-border-top-right-radius:5px;
| |
− | -webkit-border-bottom-right-radius:5px;}
| |
− | /* menu segon */
| |
− | | |
− | ul#menu ul a{
| |
− | text-align:left; padding:2px; background-color:#fefefe; background-image:none; border-width:0; border-radius:0px;
| |
− | -moz-border-radius:0px; -webkit-border-radius:0px;
| |
− | font:12px Tahoma; color:gray; text-decoration:none; }
| |
− | ul#menu ul li:hover>a,ul#menu ul li a.gedrueckt {
| |
− | color:#000000; text-decoration:none; background-image: none; background-color:#f8f8f8; } /* fin menu segon */
| |
− | </style> | |
| <a class="gedrueckt" href="http://www.fahrradmonteur.de"><img src="https://upload.wikimedia.org/wikipedia/commons/d/dd/Farm-Fresh_house.png" width="32" height="32" alt="icon"> </a> | | <a class="gedrueckt" href="http://www.fahrradmonteur.de"><img src="https://upload.wikimedia.org/wikipedia/commons/d/dd/Farm-Fresh_house.png" width="32" height="32" alt="icon"> </a> |
| </li> | | </li> |