summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorknittl <knittl@b9310e46-f624-0410-8ea1-cfbb3a30dc96>2014-08-29 20:28:42 +0000
committerknittl <knittl@b9310e46-f624-0410-8ea1-cfbb3a30dc96>2014-08-29 20:28:42 +0000
commit1ff22d6d70e8819b4d757e3168a361de8b8b9294 (patch)
tree99f5b5ac04ad8e49c2afaa5648b4453fc09fa22a
parent637071741e7408f3c75bfffa7afb632ae2e9b26c (diff)
downloadneo-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.html31
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&nbsp;1</div>
+ <div class="btn btn-default btn-sm" style="left:0em">Ebene&nbsp;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&nbsp;2</div>
+ <div class="btn btn-default btn-sm" style="left:6.5em;">Ebene&nbsp;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&nbsp;3</div>
+ <div class="btn btn-default btn-sm" style="left:13em;">Ebene&nbsp;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&nbsp;4</div>
+ <div class="btn btn-default btn-sm" style="left:19.5em">Ebene&nbsp;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&nbsp;5</div>
+ <div class="btn btn-default btn-sm" style="left:26em;">Ebene&nbsp;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&nbsp;6</div>
+ <div class="btn btn-default btn-sm" style="left:32.5em;">Ebene&nbsp;6</div>
<div class="Ebene_bild">
<img src="./grafik/tastatur3d/hauptfeld/tastatur_neo_Ebene6.png" alt="Tastenbelegung Ebene 6" class="img-responsive" />
</div>