JAL-1201 update pages to use new website design

[jalview.git] / examples / css / ie7.css

diff --git a/examples/css/ie7.css b/examples/css/ie7.css
new file mode 100644 (file)
index 0000000..251303c
--- /dev/null
+++ b/examples/css/ie7.css
@@ -0,0 +1,67 @@
+#sddm\r
+{\r
+       position:relative;\r
+       top:0;\r
+}\r
+\r
+\r
+#sddm li a.download-right\r
+{\r
+position:relative;\r
+left:0;\r
+}\r
+\r
+#sddm li\r
+{\r
+padding-top:30px;\r
+padding-bottom:30px;\r
+}\r
+\r
+#sddm div\r
+{      position: absolute;\r
+       visibility: hidden;\r
+       margin: 0;\r
+       padding: 0;\r
+       background: #555;\r
+       border: 1px solid #000000;\r
+       top:80px;\r
+       z-index:9999;\r
+       width:120px;\r
+}\r
+\r
+\r
+       #sddm div a\r
+       {       position: relative;\r
+               display: block;\r
+               margin: 0;\r
+               padding:8px;\r
+               width: 200px;\r
+               white-space: nowrap;\r
+               text-align: left;\r
+               text-decoration: none;\r
+               background: #555;\r
+               color: #fff;\r
+               border: 1px solid #000000;\r
+               background: #555;\r
+               z-index:100;\r
+               left:-80px;\r
+       }\r
+       \r
+       \r
+#nav\r
+{\r
+position:relative;\r
+z-index:2;\r
+   clear:both;\r
+    float:left;\r
+    width:100%;                /* width of whole page */\r
+}\r
+\r
+#content \r
+{\r
+position:relative;\r
+z-index:2;\r
+   clear:both;\r
+    float:left;\r
+    width:100%;                /* width of whole page */\r
+}\r