www-thermferm/css/style.css

Wed, 16 Jul 2014 13:42:14 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Wed, 16 Jul 2014 13:42:14 +0200
changeset 112
d82c5499285c
parent 100
012576d7386d
child 113
cf3f906ffe0d
permissions
-rw-r--r--

Added buttons

99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
1 /*
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
2 */
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
3
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
4 /* Reset default browser CSS. */
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
5 html, body, div, span, applet, object, iframe,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
6 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
7 a, abbr, acronym, address, big, cite, code,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
8 del, dfn, em, font, img, ins, kbd, q, s, samp,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
9 small, strike, strong, sub, sup, tt, var,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
10 b, u, i, center,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
11 dl, dt, dd, ol, ul, li,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
12 fieldset, form, label, legend,
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
13 table, caption, tbody, tfoot, thead, tr, th, td {
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
14 background: transparent;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
15 border: 0;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
16 margin: 0;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
17 padding: 0;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
18 vertical-align: baseline;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
19 }
97
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
20
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
21
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
22 body {
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
23 background: #fff;
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
24 color: #000;
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
25 font-family: Verdana, Arial, sans-serif;
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
26 width: 980px;
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
27 font-size: 12px;
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
28 margin: 0px;
97
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
29 }
4a9dbee41a6c Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff changeset
30
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
31
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
32 #header button.script-status {
98
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
33 margin:10px;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
34 }
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
35
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
36 #container {
98
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
37 width: 980px;
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
38 height: 510px;
100
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
39 background: #ddd;
98
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
40 margin-bottom: 10px;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
41 float: left;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
42 }
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
43
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
44 #header {
98
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
45 width: 968px;
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
46 height: 90px;
100
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
47 background: #222;
98
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
48 margin: 5px;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
49 float: left;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
50 }
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
51
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
52 #logo {
98
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
53 float: left;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
54 clear: none;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
55 display: block;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
56 margin-left: 4px;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
57 margin-top: 4px;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
58 width: 450px;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
59 text-align: center;
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
60 }
6e7e69f3493a Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents: 97
diff changeset
61
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
62 #content {
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
63 width: 968px;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
64 height: 400px;
100
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
65 background: #fff;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
66 margin: 5px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
67 float: left;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
68 }
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
69
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
70
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
71 #fermentor {
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
72 border: 5px solid;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
73 border-color: #FFCC01;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
74 border-radius: 15px 15px 15px 15px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
75 height: 380px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
76 width: 464px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
77 background: #fff;
99
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
78 margin: 5px;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
79 float: left;
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
80 }
5dccd1d8d817 Cleanup
Michiel Broek <mbroek@mbse.eu>
parents: 98
diff changeset
81
100
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
82 #fermentor_head {
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
83 margin-bottom: 1px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
84 padding: 3px 10px 8px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
85 background-color: #FFCC01;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
86 color: #666666;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
87 font-weight: bold;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
88 }
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
89
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
90 #fermentor_pict {
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
91 width: 220px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
92 height: 350px;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
93 float: left;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
94 }
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
95
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
96 #fermentor_control {
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
97 width: 240px;
112
d82c5499285c Added buttons
Michiel Broek <mbroek@mbse.eu>
parents: 100
diff changeset
98 height: 300px;
100
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
99 float: right;
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
100 }
012576d7386d Basic web idea
Michiel Broek <mbroek@mbse.eu>
parents: 99
diff changeset
101
112
d82c5499285c Added buttons
Michiel Broek <mbroek@mbse.eu>
parents: 100
diff changeset
102 #fermentor_edit {
d82c5499285c Added buttons
Michiel Broek <mbroek@mbse.eu>
parents: 100
diff changeset
103 width: 240px;
d82c5499285c Added buttons
Michiel Broek <mbroek@mbse.eu>
parents: 100
diff changeset
104 height: 50px;
d82c5499285c Added buttons
Michiel Broek <mbroek@mbse.eu>
parents: 100
diff changeset
105 float: right;
d82c5499285c Added buttons
Michiel Broek <mbroek@mbse.eu>
parents: 100
diff changeset
106 }
d82c5499285c Added buttons
Michiel Broek <mbroek@mbse.eu>
parents: 100
diff changeset
107

mercurial