Style piu bello

This commit is contained in:
Davide999 2017-05-26 16:27:52 +02:00
parent 2d6a0b72a6
commit 886c5047c0

View file

@ -3,11 +3,15 @@
<title>GoBug</title> <title>GoBug</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<style type="text/css"> <style type="text/css">
h1,h2,h3,h4,p { h1,h2,h3,h4 {
color: white; color: white;
text-align: center; text-align: center;
font-size:2.4em; font-size:2.4em;
} }
p {
color: white;
font-size:2em;
}
body{ body{
background: #009999; background: #009999;
} }
@ -17,7 +21,13 @@
background: white; background: white;
padding: 0px; padding: 0px;
width:100%; width:100%;
height: 100%;
}
div{
width:20%;
height: 89%; height: 89%;
background-color:#006666;
} }
td,tr{ td,tr{
background: white; background: white;
@ -40,6 +50,7 @@
</head> </head>
<body> <body>
<h1> Go bug</h1> <h1> Go bug</h1>
<div style="float:left; display:block; width:70%; height:89%; ">
<table> <table>
<tr> <tr>
<td class="cibo"></th> <td class="cibo"></th>
@ -52,5 +63,20 @@
<td></td> <td></td>
</tr> </tr>
</table> </table>
</div>
<div style="float:left; display:block; width:1%; height:89%; "></div>
<div style="float:left; display:block; width:29%; height:89%; ">
<h1>legenda</h1>
<div style="float:left; display:block; width:30%; height:20%; background-color:#FFFF33;"></div>
<div style="float:right; display:block; width:65%; height:20%; "><p>Food</p></div>
<div style="float:right; display:block; width:100%; height:2%; "></div>
<div style="float:left; display:block; width:30%; height:20%; background-color:#00ff00;"></div>
<div style="float:right; display:block; width:65%; height:20%; "><p>Razza1</p></div>
<div style="float:right; display:block; width:100%; height:2%;"></div>
<div style="float:left; display:block; width:30%; height:20%; background-color:#F00;"></div>
<div style="float:right; display:block; width:65%; height:20%; "><p>Razza2</p></div>
</div>
</body> </body>
</div>
</html> </html>