Template:DropdownMenu

From eqqon

(Difference between revisions)
Jump to: navigation, search
 
(51 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- Drop-down menus -->
+
<css>
-
<div class="nav2">
+
#eqqon3-p-navigation-wrapper { display: none; }
-
<!-- Navigation item -->  
+
.nav2 {
-
<ul>
+
  position: absolute;
 +
  left: 0;
 +
  top: -28px;
 +
}
 +
.nav2,
 +
.nav2 ul {
 +
  margin: 0;
 +
  background: transparent;
 +
  list-style-type: none;
 +
}
 +
.nav2 ul li {
 +
  margin: 0;
 +
  list-style: none;
 +
}
 +
.nav2 table { background: transparent; }
 +
#bodyContent .nav2 a {
 +
  margin: 0;
 +
  color: #ccc;
 +
  padding: 0 16px;
 +
  height: 26px;
 +
  line-height: 26px;
 +
  font-weight: bold;
 +
}
 +
#bodyContent .nav2 ul li a:hover {
 +
  background-color: rgba(255,255,255,0.5);
 +
  color: #000;
 +
}
 +
.nav2 ul li:hover ul {
 +
  top: 26px;
 +
}
 +
#bodyContent .nav2 ul li:hover a {
 +
    background-color: transparent;
 +
    text-decoration: none;
 +
    color: #ffcc00;
 +
}
 +
#bodyContent .nav2 ul li:hover ul li a {
 +
    background-color: #000;
 +
    border: 1px solid #555;
 +
    border-top: 0px;
 +
    color: #ccc;
 +
    display: block;
 +
    font-weight: normal;
 +
    height: auto;
 +
    line-height: 20px;
 +
    margin-left: -1px;
 +
    padding: 4px 16px;
 +
}
 +
#bodyContent .nav2 ul li:hover ul li:hover a {
 +
    background-color: #000;
 +
    text-decoration: none;
 +
    color: #ffcc00;
 +
}
 +
#bodyContent .nav2 .selflink {
 +
  height: 27px;
 +
  line-height: 27px;
 +
  color: #FFCC00;
 +
  padding: 0 16px;
 +
}
 +
#bodyContent .nav2 ul li:hover ul .selflink {
 +
  color: #FFCC00;
 +
    background-color: #000;
 +
    border: 1px solid #555;
 +
    border-top: 0px;
 +
    display: block;
 +
    font-weight: normal;
 +
    height: auto;
 +
    width: 10em;
 +
    line-height: 20px;
 +
    margin-left: -1px;
 +
    padding: 4px 16px;
 +
}
 +
</css>
 +
<div class="nav2"><!-- Drop-down menus -->  
 +
<ul><!-- Navigation item -->  
<li><span class="en">[[Overview]]</span><span class="de">[[Übersicht]]</span>
<li><span class="en">[[Overview]]</span><span class="de">[[Übersicht]]</span>
<table><tr><td><ul>
<table><tr><td><ul>
-
<li>[[Special:RecentChanges|Recent Changes]]</li>
+
<!--li><span class="en">[[News_EN|News]]</span><span class="de">[[News|News]]</span></li-->
</ul></td></tr></table>
</ul></td></tr></table>
</li>
</li>
-
<li>[[Solutions]]
+
<li><span class="en">[[Products|Products]]</span><span class="de">[[Produkte|Produkte]]</span>
<table><tr><td><ul>
<table><tr><td><ul>
-
<li>[[Solutions/Products|Products]]</li>
+
<li><span class="en">[[Products/Director|Director]]</span><span class="de">[[Produkte/Director2016|Director]]</span></li>
-
<li>[[Solutions/Services|Services]]</li>
+
<!--li><span class="en">[[Price list]]</span><span class="de">[[Preisliste]]</span></li-->
-
<li>[[Solutions/Testimonials|Testimonials]]</li>
+
<li><span class="en">[[Ordering]]</span><span class="de">[[Bestellung]]</span></li>
</ul></td></tr></table>
</ul></td></tr></table>
</li>
</li>
-
<li>[[Company]]
+
<li><span class="en">[[Company_EN|Company]]</span><span class="de">[[Company|Unternehmen]]</span>
<table><tr><td><ul>
<table><tr><td><ul>
-
<li>[[Company/Management|Management]]</li>
+
<li><span class="en">[[Partners]]</span><span class="de">[[Partner]]</span></li>
-
<li>[[Company/News|News]]</li>
+
<li><span class="en">[[Company/Impressum_EN|Impressum]]</span><span class="de">[[Company/Impressum|Impressum]]</span></li>
-
<li>[[Company/Impressum|Impressum]]</li>
+
<li><span class="en">[[Company/AGB_EN|AGB]]</span><span class="de">[[Company/AGB|AGB]]</span></li>
 +
</ul></td></tr></table>
 +
</li>
 +
<li><span class="en">[[References]]</span><span class="de">[[Referenzen]]</span></li>
 +
<li><span class="en">[[Contact]]</span><span class="de">[[Kontakt]]</span>
 +
<table><tr><td><ul>
 +
<li><span class="en">[[Contact]]</span><span class="de">[[Kontakt]]</span></li>
 +
<li><span class="en">[[Distributors]]</span><span class="de">[[Distributoren]]</span></li>
</ul></td></tr></table>
</ul></td></tr></table>
</li>
</li>
-
<li>[[Contact]]</li>
 
</ul>  
</ul>  
</div>
</div>

Latest revision as of 12:19, 30 October 2016