body
{
font-family: sans-serif;
+ margin: 0;
}
a
#layout-table
{
width: 100%;
+ margin: 1ex;
}
#layout-top-left,
vertical-align: top;
}
+#layout-middle-center h1,
+#layout-middle-center h2,
+#layout-middle-center h3
+{
+ clear: both;
+}
+
#logo-canvas
{
display: block;
font-style: italic;
}
+ul.menu
+{
+ border: 1px solid silver;
+ background-color: #fcfcfc;
+}
+
#search-form
{
position: relative;
font-size: 90%;
}
+#search-output li.instance.more
+{
+ padding-top: .5ex;
+ font-style: italic;
+}
+
.breadcrump
{
font-size: 90%;
border-bottom: 1px solid silver;
background-color: rgb(252,252,252);
}
+
+.graph-img
+{
+ position: relative;
+ float: left;
+ clear: both;
+}
+
+div.graph-img div.graph-buttons
+{
+ display: none;
+}
+
+div.graph-img:hover div.graph-buttons
+{
+ display: block;
+}
+
+.graph-img .graph-buttons.navigation
+{
+ position: absolute;
+ right: 5px;
+ bottom: 5px;
+}
+
+.graph-img .graph-buttons.presets
+{
+ position: absolute;
+ right: 5px;
+ top: 5px;
+}
+
+.graph-buttons .graph-button
+{
+ width: 1em;
+ height: 1em;
+ border: 1px solid gray;
+ text-align: center;
+ background-color: rgba(255,255,255,.8);
+ color: gray;
+ cursor: pointer;
+}
+
+.graph-buttons div.graph-button:hover
+{
+ border: 1px solid black;
+ background-color: white;
+ color: black;
+}
+
+.graph-buttons.navigation .graph-button
+{
+ float: left;
+ margin-left: 1px;
+}
+
+.graph-buttons.presets .graph-button
+{
+ margin-bottom: 1px;
+}
+
+div.footer
+{
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0 1em;
+ border-top: 1px solid gray;
+ font-size: 80%;
+ font-style: italic;
+ text-align: right;
+}