ChCh
/
chch-licht_github
mirror of https://github.com/ChaosChemnitz/chch-licht
10
0
Fork 1
Code Issues Releases Wiki Activity

improve style - Axel Stoff edition

This commit is contained in:
Morris Jobke 2014-10-31 00:18:55 +01:00
parent 1ba67b8dcd
commit 689eebcd7a
3 changed files with 18 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
font/Blankenburg.ttf Normal file
View File

Binary file not shown.

40
index.html
View File

@ -9,57 +9,53 @@
<script type="text/javascript" src="js/colpick/js/colpick.js"></script> <script type="text/javascript" src="js/colpick/js/colpick.js"></script>
<link rel="stylesheet" href="js/colpick/css/colpick.css" /> <link rel="stylesheet" href="js/colpick/css/colpick.css" />
<style type="text/css"> <style type="text/css">
@font-face { @font-face{
font-family: 'Satisfy'; font-family:"Blankenburg";
font-style: normal; src:url('font/Blankenburg.ttf') format("truetype");
font-weight: 400;
src: local('Satisfy'), url(https://fonts.gstatic.com/s/satisfy/v6/ch7X2unYkww0EzsjlC3m8w.woff) format('woff');
} }
* { * {
font-family: Satisfy, sans-serif; font-family: Blankenburg, sans-serif;
font-size: 36px;
} }
#picker { #picker {
margin:0; margin:0;
padding:0; padding:0;
border:0; border:0;
width:70px; width:80px;
height:20px;
border-left:20px solid #003d69; border-left:20px solid #003d69;
padding-left: 2px; padding-left: 2px;
line-height:20px; line-height:20px;
} }
#form { #form {
width: 300px;
margin: 50px auto; margin: 50px auto;
position: relative; position: relative;
border: 1px solid #000; text-align: center;
border-radius: 2px;
padding: 5px;
font-family:
} }
input[name=fadestep] { input[name=fadestep] {
width: 20px; width: 40px;
} }
#submit { h1 {
text-align: center;
font-size: 64px;
} }
</style> </style>
</head> </head>
<body> <body>
<h1>Leuchtmittelhauptsteuerung</h1>
<div id="form"> <div id="form">
<form id="changeLight"> <form id="changeLight">
<label for="fadestep">fade step (in seconds): </label> <label for="fadestep">Umschaltzeit in Sekunden: </label>
<input name="fadestep" type="text" value="3"><br /> <input name="fadestep" type="text" value="3"><br />
<label for="color">choose a color: </label> <label for="color">Farbe: </label>
<input name="color" type="text" value="003d69" id="picker"><br /> <input name="color" type="text" value="003d69" id="picker"><br />
<input id="mode-flashy" name="mode" type="radio" value="y"> <input id="mode-flashy" name="mode" type="radio" value="y">
<label for="mode-flashy">flashy</label><br /> <label for="mode-flashy">Hektisch</label><br />
<input id="mode-instant" name="mode" type="radio" value="s" checked="checked"> <input id="mode-instant" name="mode" type="radio" value="s" checked="checked">
<label for="mode-instant">instant</label><br /> <label for="mode-instant">Sofort</label><br />
<input id="mode-fade" name="mode" type="radio" value="f"> <input id="mode-fade" name="mode" type="radio" value="f">
<label for="mode-fade">fade</label><br /> <label for="mode-fade">Geschmeidig</label><br />
<button type="submit" id="submit">Submit</button> <button type="submit" id="submit">Erhelle mich!</button>
</form> </form>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">

BIN
woff/Satisfy.woff
View File

Binary file not shown.