buzzer vorlage erstellt incl styles

This commit is contained in:
Hendrik Fellerhoff 2012-03-21 01:03:17 +01:00
parent 1a5590725b
commit 4adf28dccb
2 changed files with 26 additions and 6 deletions

View File

@ -1,9 +1,8 @@
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>WebSockets</title>
@ -83,8 +82,6 @@
<body>
<h1>Bunti Steuerung</h1>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Global</a></li>
@ -94,7 +91,10 @@
<li><a href="#tabs-5">Raum 4</a></li>
</ul>
<div id="tabs-1">
<div class="buzzer">
<span class="circle red">Auf</span>
<button>Buzzern</button>
</div>
</div>
<div id="tabs-2">

View File

@ -3,3 +3,23 @@
#tabs {
height: 500px;
}
.circle {
width: 60px;
height: 37px;
border-radius: 36px;
border: 2px solid black;
text-align: center;
padding-top: 23px;
font-size: 12px;
margin: 5px auto;
display: block;
}
.circle.red {
background-color: #ff1732;
}
.buzzer {
width: 95px;
}