Code

share/collection.conf: Improve the "df_inodes" graph.
[collection4.git] / share / style.css
1 body
2 {
3         font-family: sans-serif;
4         margin: 0;
5 }
7 a
8 {
9         color: rgb(0,0,240);
10         text-decoration: none;
11 }
13 a:hover
14 {
15         color: rgb(32,32,255);
16         text-decoration: underline;
17 }
19 #layout-table
20 {
21         width: 100%;
22         margin: 1ex;
23 }
25 #layout-top-left,
26 #layout-middle-left,
27 #layout-bottom-left
28 {
29         width: 10%;
30         min-width: 250px;
31 }
33 #layout-top-center,
34 #layout-middle-center,
35 #layout-bottom-center
36 {
37 }
39 #layout-top-right,
40 #layout-middle-right,
41 #layout-bottom-right
42 {
43         width: 10%;
44         min-width: 300px;
45 }
47 #layout-middle td
48 {
49         vertical-align: top;
50 }
52 #layout-middle-center h1,
53 #layout-middle-center h2,
54 #layout-middle-center h3
55 {
56         clear: both;
57 }
59 #logo-canvas
60 {
61         display: block;
62         text-decoration: none;
63         color: black;
64 }
66 #logo-canvas h1
67 {
68         margin: 0;
69 }
71 #logo-subscript
72 {
73         font-size: 90%;
74         font-style: italic;
75 }
77 #search-form
78 {
79         position: relative;
80 }
82 #search-suggest
83 {
84         position: absolute;
85         background-color: rgba(255,255,255,.8);
86         margin: 0;
87         padding: 0.5ex;
88         border: 1px solid black;
89         list-style: none;
90 }
92 #search-suggest ul.instance_list
93 {
94         margin: 0;
95         padding: 0;
96         list-style: none;
97 }
99 #search-suggest li
101         margin: 0;
102         padding: 0;
105 #search-suggest a
107         display: block;
108         margin: 0;
109         padding: 0;
110         color: #2d6195;
111         background-color: transparent;
114 #search-suggest li.instance a
116         padding-left: 1em;
119 #search-suggest a:hover
121         color: white;
122         background-color: #408dd8;
125 #search-output ul.graph_list
127         margin: 0;
128         padding: 1ex;
131 #search-output li.graph
133         display: block;
134         border: 1px solid gray;
135         margin-top: 1ex;
137         background-color: rgb(245,245,255);
140 #search-output ul.instance_list
142         margin: 0;
143         padding: 1ex;
144         border-top: 1px solid gray;
146         background-color: rgb(252,252,252);
149 #search-output li.instance
151         display: block;
153         font-size: 90%;
156 .breadcrump
158         font-size: 90%;
159         margin: 1ex 0 1ex 0;
160         padding: 0 0 0 2em;
161         border-top: 1px solid silver;
162         border-bottom: 1px solid silver;
163         background-color: rgb(252,252,252);
166 .graph-img
168         position: relative;
169         float: left;
170         clear: both;
173 div.graph-img div.graph-buttons
175         display: none;
178 div.graph-img:hover div.graph-buttons
180         display: block;
183 .graph-img .graph-buttons.navigation
185         position: absolute;
186         right: 5px;
187         bottom: 5px;
190 .graph-img .graph-buttons.presets
192         position: absolute;
193         right: 5px;
194         top: 5px;
197 .graph-buttons .graph-button
199         width: 1em;
200         height: 1em;
201         border: 1px solid gray;
202         text-align: center;
203         background-color: rgba(255,255,255,.8);
204         color: gray;
205         cursor: pointer;
208 .graph-buttons div.graph-button:hover
210         border: 1px solid black;
211         background-color: white;
212         color: black;
215 .graph-buttons.navigation .graph-button
217         float: left;
218         margin-left: 1px;
221 .graph-buttons.presets .graph-button
223         margin-bottom: 1px;
226 div.footer
228         margin-left: auto;
229         margin-right: auto;
230         padding: 0 1em;
231         border-top: 1px solid gray;
232         font-size: 80%;
233         font-style: italic;
234         text-align: right;