79f7f55df6429e6504a374cb976ad9baa2915a66
[readifood.git] / www / style.css
1 @media print {
2   #header {
3     display: none;
4   }
5
6   #main { }
7
8   body { }
9
10   a { color: inherit; }
11
12   .standout { }
13
14   .noprint {
15     display: none;
16   }
17
18   .printonly { }
19
20   #popup { }
21 }
22
23 @media screen {
24   body {
25     font-family: Helvetica, Arial;
26     margin: 0px;
27   }
28
29   #header {
30     top: 0px;
31     left: 0px;
32     width: 100%;
33     background-image: url(logo.png);
34     background-color: #007d00;
35     background-repeat: no-repeat;
36     padding: 0.5em;
37     padding-left: 56px;
38     margin: 0px;
39     font-size: 16pt;
40     box-shadow: 0px 4px 8px 2px black;
41   }
42
43   #header > a {
44     color: white;
45   }
46
47   #main {
48     margin: 0.5em;
49   }
50
51   .standout {
52     background: #eeeeee;
53     border-color: black;
54     border-width: 1px;
55     border-style: solid;
56     border-radius: 0.5em;
57     padding-left: 0.25em;
58     padding-right: 0.25em;
59   }
60
61   .noprint { }
62
63   .printonly {
64     display: none;
65   }
66 }
67
68 .history {
69   background: #eeeeee;
70   border-radius: 0.5em;
71   padding-left: 0.25em;
72   padding-right: 0.25em;
73 }
74
75 a {
76   text-decoration: none;
77 }
78
79 a:hover {
80   text-decoration: underline;
81 }
82
83 a.delete {
84   color: darkred;
85 }
86
87 .strong {
88   font-weight: bold;
89 }
90
91 .small {
92   font-size: 75%;
93 }
94
95 .smaller {
96   font-size: 25%;
97 }
98
99 table.report > * > tr > td {
100   padding-right: 0.25em;
101 }
102
103 #popup {
104   display: none;
105   position: absolute;
106   z-index: 10;
107   width: 500px;
108   height: 375px;
109   background: #eeeeee;
110 }