ctdo
/
bunti
16
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/main/webapp/WEB-INF/jsp/index.jsp
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"%> <%@ 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="spring" uri="http://www.springframework.org/tags"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml"> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>WebSockets</title> <title>WebSockets</title>
@ -83,8 +82,6 @@
<body> <body>
<h1>Bunti Steuerung</h1> <h1>Bunti Steuerung</h1>
<div id="tabs"> <div id="tabs">
<ul> <ul>
<li><a href="#tabs-1">Global</a></li> <li><a href="#tabs-1">Global</a></li>
@ -94,7 +91,10 @@
<li><a href="#tabs-5">Raum 4</a></li> <li><a href="#tabs-5">Raum 4</a></li>
</ul> </ul>
<div id="tabs-1"> <div id="tabs-1">
<div class="buzzer">
<span class="circle red">Auf</span>
<button>Buzzern</button>
</div>
</div> </div>
<div id="tabs-2"> <div id="tabs-2">

20
src/main/webapp/resources/css/styles.css
View File

@ -3,3 +3,23 @@
#tabs { #tabs {
height: 500px; 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;
}