X-Git-Url: https://git.octo.it/?p=collection4.git;a=blobdiff_plain;f=share%2Fstyle.css;h=9e8668b64dddb03a3e4a98029e55f5cd966c68ed;hp=094a4aefa9039d32f869b579cff7d04029413a0c;hb=c4c851ce35ad88eff7f843dbced132f55b8a2f6c;hpb=76ee2cd1a7ba2141b5913ac6484b377fb3de3618

diff --git a/share/style.css b/share/style.css
index 094a4ae..9e8668b 100644
--- a/share/style.css
+++ b/share/style.css
@@ -1,6 +1,7 @@
 body
 {
 	font-family: sans-serif;
+	margin: 0;
 }
 
 a
@@ -18,6 +19,7 @@ a:hover
 #layout-table
 {
 	width: 100%;
+	margin: 1ex;
 }
 
 #layout-top-left,
@@ -47,6 +49,13 @@ a:hover
 	vertical-align: top;
 }
 
+#layout-middle-center h1,
+#layout-middle-center h2,
+#layout-middle-center h3
+{
+	clear: both;
+}
+
 #logo-canvas
 {
 	display: block;
@@ -65,6 +74,12 @@ a:hover
 	font-style: italic;
 }
 
+ul.menu
+{
+	border: 1px solid silver;
+	background-color: #fcfcfc;
+}
+
 #search-form
 {
 	position: relative;
@@ -144,6 +159,12 @@ a:hover
 	font-size: 90%;
 }
 
+#search-output li.instance.more
+{
+	padding-top: .5ex;
+	font-style: italic;
+}
+
 .breadcrump
 {
 	font-size: 90%;
@@ -153,3 +174,74 @@ a:hover
 	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;
+}