diff options
Diffstat (limited to 'www')
| -rw-r--r-- | www/index.html | 31 |
1 files changed, 11 insertions, 20 deletions
diff --git a/www/index.html b/www/index.html index 749db1c..d482c0e 100644 --- a/www/index.html +++ b/www/index.html @@ -23,28 +23,19 @@ /* Interaktive Tastaturebenen */ - .Ebene_button { - border:1px solid black; - padding:0.25em 1em; - position:absolute; - cursor:pointer; - z-index:2; - } - .Ebenen_box { position: relative; margin-bottom:1ex; } .Ebene_bild { padding-top:2.5em; } - .Ebene_wrapper { position:absolute; top:0px; background-color: white; } + .Ebene_wrapper { position:absolute; top:0; background-color: #F5F5F5; } + .Ebene_wrapper .btn, .Ebene1_wrapper .btn { + position:absolute; + z-index:2; + } .Ebene_wrapper > .Ebene_bild { display:none; } .Ebene_wrapper:hover > .Ebene_bild { display:block; } - .Ebene_wrapper:hover > .Ebene_button, - .Ebene1_wrapper:hover > .Ebene_button { - background-color:Highlight; - } - h1 .tastentierchen { height:100%; background-color:#dceeee; @@ -95,37 +86,37 @@ <h2 class="h4"><a href="//wiki.neo-layout.org/wiki/Ebenen">Die 6 Ebenen von Neo</a></h2> <div class="Ebenen_box img-responsive"> <div class="Ebene1_wrapper"> - <div class="Ebene_button" style="left:0em">Ebene 1</div> + <div class="btn btn-default btn-sm" style="left:0em">Ebene 1</div> <div class="Ebene_bild"> <img src="./grafik/tastatur3d/hauptfeld/tastatur_neo_Ebene1.png" alt="Tastenbelegung Ebene 1" class="img-responsive" /> </div> </div> <div class="Ebene_wrapper"> - <div class="Ebene_button" style="left:6.5em;">Ebene 2</div> + <div class="btn btn-default btn-sm" style="left:6.5em;">Ebene 2</div> <div class="Ebene_bild"> <img src="./grafik/tastatur3d/hauptfeld/tastatur_neo_Ebene2.png" alt="Tastenbelegung Ebene 2" class="img-responsive" /> </div> </div> <div class="Ebene_wrapper"> - <div class="Ebene_button" style="left:13em;">Ebene 3</div> + <div class="btn btn-default btn-sm" style="left:13em;">Ebene 3</div> <div class="Ebene_bild"> <img src="./grafik/tastatur3d/hauptfeld/tastatur_neo_Ebene3.png" alt="Tastenbelegung Ebene 3" class="img-responsive" /> </div> </div> <div class="Ebene_wrapper"> - <div class="Ebene_button" style="left:19.5em">Ebene 4</div> + <div class="btn btn-default btn-sm" style="left:19.5em">Ebene 4</div> <div class="Ebene_bild"> <img src="./grafik/tastatur3d/hauptfeld/tastatur_neo_Ebene4.png" alt="Tastenbelegung Ebene 4" class="img-responsive" /> </div> </div> <div class="Ebene_wrapper"> - <div class="Ebene_button" style="left:26em;">Ebene 5</div> + <div class="btn btn-default btn-sm" style="left:26em;">Ebene 5</div> <div class="Ebene_bild"> <img src="./grafik/tastatur3d/hauptfeld/tastatur_neo_Ebene5.png" alt="Tastenbelegung Ebene 5" class="img-responsive" /> </div> </div> <div class="Ebene_wrapper"> - <div class="Ebene_button" style="left:32.5em;">Ebene 6</div> + <div class="btn btn-default btn-sm" style="left:32.5em;">Ebene 6</div> <div class="Ebene_bild"> <img src="./grafik/tastatur3d/hauptfeld/tastatur_neo_Ebene6.png" alt="Tastenbelegung Ebene 6" class="img-responsive" /> </div> |