diff options
| author | knittl <knittl@b9310e46-f624-0410-8ea1-cfbb3a30dc96> | 2014-08-29 20:28:42 +0000 |
|---|---|---|
| committer | knittl <knittl@b9310e46-f624-0410-8ea1-cfbb3a30dc96> | 2014-08-29 20:28:42 +0000 |
| commit | 1ff22d6d70e8819b4d757e3168a361de8b8b9294 (patch) | |
| tree | 99f5b5ac04ad8e49c2afaa5648b4453fc09fa22a | |
| parent | 637071741e7408f3c75bfffa7afb632ae2e9b26c (diff) | |
| download | neo-layout-1ff22d6d70e8819b4d757e3168a361de8b8b9294.tar.gz neo-layout-1ff22d6d70e8819b4d757e3168a361de8b8b9294.tar.bz2 neo-layout-1ff22d6d70e8819b4d757e3168a361de8b8b9294.zip | |
Use bootstrap buttons for layer graphics
git-svn-id: https://svn.neo-layout.org@2453 b9310e46-f624-0410-8ea1-cfbb3a30dc96
| -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> |