From 1ff22d6d70e8819b4d757e3168a361de8b8b9294 Mon Sep 17 00:00:00 2001
From: knittl <knittl@b9310e46-f624-0410-8ea1-cfbb3a30dc96>
Date: Fri, 29 Aug 2014 20:28:42 +0000
Subject: Use bootstrap buttons for layer graphics

git-svn-id: https://svn.neo-layout.org@2453 b9310e46-f624-0410-8ea1-cfbb3a30dc96
---
 www/index.html | 31 +++++++++++--------------------
 1 file 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>
-- 
cgit v1.2.3