Added a watermark background.
Joris van Zundert [Fri, 5 Oct 2012 22:53:36 +0000 (00:53 +0200)]
root/css/stexaminer.css
root/css/style.css
root/images/logo.png [new file with mode: 0644]
root/images/logo_001.png [new file with mode: 0644]
root/images/resources/logo.svg [new file with mode: 0644]

index f6a9603..fd6b39e 100644 (file)
@@ -1,4 +1,5 @@
 #variants_table {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
     clear: both;
     width: 90%;
     height: 190px;
@@ -7,6 +8,7 @@
     overflow: auto;
 }
 #stemma_graph {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
     height: 350px;
     clear: both;
     float: left;
index 2fd019f..912400c 100644 (file)
@@ -5,6 +5,8 @@ body {
     font: 1em Arial, Helvetica, sans-serif; 
     font-size: 85%; 
     color: #666;
+    background: transparent url('../images/logo_001.png') no-repeat scroll -200px -100px;
+    background-size: 600px;
 }
 h1 {
     border-bottom: 1px solid #488dd2;
@@ -101,6 +103,7 @@ div.pager_left_button.greyed_out, div.pager_left_button.greyed_out:hover {
 /* Index page components */
 
 #directory_container {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
        float: left;
        width: 300px;
        height: 450px;
@@ -143,6 +146,7 @@ div.pager_left_button.greyed_out, div.pager_left_button.greyed_out:hover {
        padding-left: 50px;
 }
 #textinfo_container {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
     border: 1px solid #C6DCF1;
        float: left;
        height: 510px;
@@ -167,9 +171,9 @@ div.pager_left_button.greyed_out, div.pager_left_button.greyed_out:hover {
        margin-top: expression(( 450 - this.height ) / 2);
 }
 #stemma_graph svg {
-       z-index: -100;
 }
 #textinfo_container_buttons {
+    z-index: 100;
     width: 224px;
     float: right;
     left: -18px;
diff --git a/root/images/logo.png b/root/images/logo.png
new file mode 100644 (file)
index 0000000..155d68e
Binary files /dev/null and b/root/images/logo.png differ
diff --git a/root/images/logo_001.png b/root/images/logo_001.png
new file mode 100644 (file)
index 0000000..01be2df
Binary files /dev/null and b/root/images/logo_001.png differ
diff --git a/root/images/resources/logo.svg b/root/images/resources/logo.svg
new file mode 100644 (file)
index 0000000..553ca66
--- /dev/null
@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448819"
+   height="1052.3622047"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.1 r9760"
+   sodipodi:docname="logo.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.97813547"
+     inkscape:cx="344.1892"
+     inkscape:cy="694.05404"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1117"
+     inkscape:window-height="736"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       transform="matrix(2.4045554,0,0,2.4045554,-676.44712,-521.78518)"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       sodipodi:ry="109.05405"
+       sodipodi:rx="109.05405"
+       sodipodi:cy="366.01083"
+       sodipodi:cx="424.45947"
+       id="path3031"
+       style="fill:#53a3f4;fill-opacity:1;stroke:#ece7dc;stroke-width:2.13178706000000018;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       sodipodi:type="arc" />
+    <path
+       transform="matrix(1.5762079,0,0,1.5762079,-324.84719,-218.60105)"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       sodipodi:ry="109.05405"
+       sodipodi:rx="109.05405"
+       sodipodi:cy="366.01083"
+       sodipodi:cx="424.45947"
+       id="path3027"
+       style="fill:#4991d7;fill-opacity:1;stroke:#ece7dc;stroke-width:3.25210905000000006;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       sodipodi:type="arc" />
+    <path
+       transform="matrix(1.0228106,0,0,1.0228106,-89.952457,-16.051641)"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       sodipodi:ry="109.05405"
+       sodipodi:rx="109.05405"
+       sodipodi:cy="366.01083"
+       sodipodi:cx="424.45947"
+       id="path3023"
+       style="fill:#3d77b2;fill-opacity:1;stroke:#ece7dc;stroke-width:5.01168060000000004;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       sodipodi:type="arc" />
+    <path
+       style="fill:none;stroke:#ece7dc;stroke-width:5.0999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 82.186343,358.30814 524.005677,0"
+       id="path2993"
+       inkscape:connector-curvature="0" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path2995"
+       d="M 117.28807,489.30956 571.09029,227.30672"
+       style="fill:none;stroke:#ece7dc;stroke-width:5.0999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path2997"
+       d="M 213.18776,585.20925 475.1906,131.40702"
+       style="fill:none;stroke:#ece7dc;stroke-width:5.0999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path2999"
+       d="M 213.18776,131.40702 475.1906,585.20925"
+       style="fill:none;stroke:#ece7dc;stroke-width:5.0999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       style="fill:none;stroke:#ece7dc;stroke-width:5.0999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="M 117.28807,227.30672 571.09029,489.30956"
+       id="path3001"
+       inkscape:connector-curvature="0" />
+    <path
+       inkscape:connector-curvature="0"
+       id="path3003"
+       d="m 344.18918,620.31097 0,-524.005669"
+       style="fill:none;stroke:#ece7dc;stroke-width:5.0999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       transform="matrix(0.49393162,0,0,0.49393162,134.53524,177.5238)"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       sodipodi:ry="109.05405"
+       sodipodi:rx="109.05405"
+       sodipodi:cy="366.01083"
+       sodipodi:cx="424.45947"
+       id="path3019"
+       style="fill:#2c5782;fill-opacity:1;stroke:#ece7dc;stroke-width:10.37795447999999965;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#2c5782;fill-opacity:1;stroke:#ece7dc;stroke-width:39.23913193;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="path3803"
+       sodipodi:cx="424.45947"
+       sodipodi:cy="366.01083"
+       sodipodi:rx="109.05405"
+       sodipodi:ry="109.05405"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       transform="matrix(0.1306349,0,0,0.1306349,314.14487,355.04367)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#2c5782;fill-opacity:1;stroke:#ece7dc;stroke-width:39.23913193;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="path3805"
+       sodipodi:cx="424.45947"
+       sodipodi:cy="366.01083"
+       sodipodi:rx="109.05405"
+       sodipodi:ry="109.05405"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       transform="matrix(0.1306349,0,0,0.1306349,288.73998,419.88613)" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#2c5782;fill-opacity:1;stroke:#ece7dc;stroke-width:39.23913193;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="path3809"
+       sodipodi:cx="424.45947"
+       sodipodi:cy="366.01083"
+       sodipodi:rx="109.05405"
+       sodipodi:ry="109.05405"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       transform="matrix(0.1306349,0,0,0.1306349,436.9812,395.34965)" />
+    <path
+       transform="matrix(0.1306349,0,0,0.1306349,516.72476,441.35555)"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       sodipodi:ry="109.05405"
+       sodipodi:rx="109.05405"
+       sodipodi:cy="366.01083"
+       sodipodi:cx="424.45947"
+       id="path3811"
+       style="fill:#2c5782;fill-opacity:1;stroke:#ece7dc;stroke-width:39.23913193;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#2c5782;fill-opacity:1;stroke:#ece7dc;stroke-width:39.23913193;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="path3813"
+       sodipodi:cx="424.45947"
+       sodipodi:cy="366.01083"
+       sodipodi:rx="109.05405"
+       sodipodi:ry="109.05405"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       transform="matrix(0.1306349,0,0,0.1306349,373.5953,458.73556)" />
+    <path
+       transform="matrix(0.1306349,0,0,0.1306349,420.62356,538.47911)"
+       d="m 533.51352,366.01083 a 109.05405,109.05405 0 1 1 -218.10809,0 109.05405,109.05405 0 1 1 218.10809,0 z"
+       sodipodi:ry="109.05405"
+       sodipodi:rx="109.05405"
+       sodipodi:cy="366.01083"
+       sodipodi:cx="424.45947"
+       id="path3815"
+       style="fill:#2c5782;fill-opacity:1;stroke:#ece7dc;stroke-width:39.23913193;stroke-linecap:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       sodipodi:type="arc" />
+    <path
+       style="fill:none;stroke:#2c5782;stroke-width:5.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 378.06805,416.93262 43.14401,75.01911"
+       id="path3827"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:#2c5782;stroke-width:5.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 437.87394,520.55763 28.92465,50.56962"
+       id="path3831"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0"
+       id="path3833"
+       d="m 506.29319,451.82931 51.14023,29.58475"
+       style="fill:none;stroke:#2c5782;stroke-width:5.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       sodipodi:nodetypes="cc"
+       inkscape:connector-curvature="0"
+       id="path3837"
+       d="m 356.53662,379.92647 4.99105,8.36824"
+       style="fill:none;stroke:#2c5782;stroke-width:6.0999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       sodipodi:type="arc"
+       style="fill:none;stroke:#2c5782;stroke-width:5.40275981;stroke-linecap:butt;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="path3931"
+       sodipodi:cx="424.45947"
+       sodipodi:cy="366.01083"
+       sodipodi:rx="109.05405"
+       sodipodi:ry="109.05405"
+       d="M 477.98839,461.02368 A 109.05405,109.05405 0 0 1 440.9962,473.80379"
+       transform="matrix(1.0228106,0,0,1.0228106,-89.952457,-16.051641)"
+       sodipodi:start="1.057734"
+       sodipodi:end="1.4185712"
+       sodipodi:open="true" />
+    <path
+       sodipodi:type="arc"
+       style="fill:none;stroke:#2c5782;stroke-width:3.25210905;stroke-linecap:butt;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
+       id="path3933"
+       sodipodi:cx="424.45947"
+       sodipodi:cy="366.01083"
+       sodipodi:rx="109.05405"
+       sodipodi:ry="109.05405"
+       d="m 513.39246,429.12746 a 109.05405,109.05405 0 0 1 -25.70378,25.73636"
+       transform="matrix(1.5762079,0,0,1.5762079,-324.84719,-218.60105)"
+       sodipodi:start="0.61721302"
+       sodipodi:end="0.95231683"
+       sodipodi:open="true" />
+  </g>
+</svg>