buzzer vorlage erstellt incl styles
This commit is contained in:
parent
1a5590725b
commit
4adf28dccb
|
@ -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">
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
Loading…
Reference in New Issue