git://source.jalview.org / jabaws.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Fix core WST file
[jabaws.git] / website / ws.css
diff --git a/website/ws.css b/website/ws.css
index f7d6098..42a7e9d 100644 (file)
--- a/website/ws.css
+++ b/website/ws.css
@@ -1,27 +1,150 @@
 \r
 #banner { background-color:white; }\r
 \r
+#mainpagefeatures {\r
+   margin: 0 2em 0 2em;\r
+}\r
+\r
+#wrapper #mainpagefeatures table, #wrapper #mainpagefeatures th, #wrapper #mainpagefeatures td, #wrapper #mainpagefeatures tr{\r
+  border:none;\r
+  border-collapse:collapse;\r
+  background-color: #fff; \r
+  padding-bottom:2em;\r
+}\r
+\r
+#jabaws_on_cloud img {\r
+   border:1px solid #6994AF; \r
+   clear:both;\r
+   margin: 2em 0;\r
+}\r
+\r
+#wrapper #choicematrix table, #wrapper #choicematrix th, #wrapper #choicematrix td, #wrapper #choicematrix tr{\r
+  border:1px solid grey;\r
+  background-color: #fff; \r
+  padding:1em;\r
+}\r
+\r
+#wrapper #choicematrix th {\r
+  background-image:url(images/brickhead2.jpg); \r
+  background-repeat:repeat-x;\r
+}\r
+\r
+.brick {\r
+padding-bottom:1em;\r
+    border: 2px solid #999;\r
+    -webkit-border-radius:20px;\r
+    -moz-border-radius:20px;\r
+       border-radius: 20px;\r
+    background-image:url(images/brickhead2_line.jpg);\r
+    background-repeat:repeat-x;\r
+}\r
+.brick_header {\r
+    display:block;\r
+       background:none;\r
+}\r
+\r
+.brick_header h2 {\r
+    font-weight: bold;\r
+       border:none;\r
+       background:none;\r
+       margin: 0.7em 0 0 0.5em;\r
+}\r
+\r
+.brick_content {\r
+  position:relative;\r
+  padding: 2em 1.5em 0em 1.5em;\r
+}\r
+\r
+\r
+/*\r
+td.vm {\r
+background-image:url(images/N_cell.jpg);\r
+background-repeat:repeat-x;\r
+}\r
+td.button a {\r
+display:block;\r
+background:#069;\r
+border:1px outset #069;\r
+text-decoration:none;\r
+font-weight:bold;\r
+line-height:1.5em;\r
+padding:0 .5em;\r
+color:#fff;\r
+}\r
+\r
+td.button a:hover {\r
+background:#09c;\r
+border-color:09c;\r
+}\r
+*/\r
+ /*\r
+#container .round {\r
+    display:block;\r
+    margin-right:10px;\r
+    background:#fff;\r
+    border: 1px solid #ccc;\r
+    -webkit-border-radius:20px;\r
+    -moz-border-radius:20px;\r
+       border-radius: 20px;\r
+    background-image:url(images/N_cell.jpg);\r
+    background-repeat:repeat-x;\r
+}\r
+ \r
+\r
+#container .example5 div a {\r
+    padding:3px 20px;\r
+    border: 1px solid #ccc;\r
+    -webkit-border-radius:20px;\r
+    -moz-border-radius:15px;\r
+}\r
+ \r
+#container .example5 div a:hover {\r
+    background:#5d9ddd;\r
+    border:1px solid #2a7ecd;\r
+    color:#fff;\r
+}\r
+*/\r
 /*\r
+\r
+  -webkit-border-radius:20px;\r
+    -moz-border-radius:15px;\r
+       \r
 See index.html banner commented out code for an example of use \r
 .uniicon { overflow: hidden; display:inline; padding:0; margin:0; float:right; position:relative; top:1em; } \r
 .uniicon a img {border:none;} \r
 */\r
-#panel { width:150px; background:url("images/panel_bg.gif") repeat-y ; float:left;\r
+#panel { \r
+       width:161px; \r
+       background:url("images/panel_bg_long.png") repeat-y ; \r
+       float:left;\r
        font-family:Verdana, Arial, Helvetica, sans-serif;\r
+       padding-top:1em;\r
  }\r
 \r
-#content { margin-left:150px; border-bottom:solid 1px #6994af; }\r
+#content { \r
+      margin-left:170px; \r
+      border-bottom:solid 1px #6994af; \r
+         margin-right:0.9em;\r
+}\r
 \r
-#page { margin: 0.5em; }\r
+#page { \r
+  margin: 0;\r
+  background-color:#fff;\r
+}\r
 \r
 #copyright { text-align:right; \r
                         color:#999999; \r
                         font-family:Verdana, Arial, Helvetica, sans-serif;\r
                         font-size:smaller;\r
                         line-height:1em;\r
+                        padding:0.3em 0.9em 1em 0;\r
  }\r
 \r
-#wrapper { background:url("images/panel_bg.gif") repeat-y left top; margin:0; padding:0; }\r
+#wrapper { \r
+    background:url("images/panel_bg_long.png") repeat-y left top; \r
+    margin:0; \r
+    padding:0; \r
+}\r
 \r
 ul {\r
        list-style-type: circle;\r
@@ -45,6 +168,13 @@ ul {
  font-weight:bolder;\r
 }\r
 \r
+\r
+#panel #submenu a {\r
+margin-left: 1.5em;\r
+margin-left: 20px;\r
+padding: 5px; \r
+}\r
+\r
 strong {\r
        font-weight:bold;\r
        color:#003366;\r
@@ -58,13 +188,26 @@ p {
        line-height: 1.4em;\r
 }\r
  \r
+.i { \r
+font-style:italic;\r
+}\r
+\r
+\r
 .hightlight { \r
 font-style:italic;\r
 font-family:"Courier New", Courier, monospace;\r
 }\r
 \r
+\r
+/*\r
+.about {\r
+border-left: solid 4px #006633;\r
+border-left-style:ridged;\r
+padding-left: 1em;\r
+}*/\r
+\r
+\r
 .code { \r
-       font-size-adjust:0.4;\r
        color:black;\r
        background-color:#F5F5F5;\r
        font-family:"Courier New",Courier,monospace;\r
@@ -81,20 +224,34 @@ font-family:"Courier New", Courier, monospace;
        font-family:Arial, Helvetica, sans-serif;\r
        font-style:normal;\r
        margin:1em 0;\r
-       font-size:0.9em;\r
        padding: 0.5em;\r
        border: 1px solid black;\r
        display:block;\r
 }\r
 \r
 .u { text-decoration: underline; }\r
-/* .headeru { text-shadow: #CCCCCC 15px -14px 2px;}  font-size-adjust:+0.7 */\r
-/*.headeru { text-shadow:  1px 0 black, 0 -1px black;}  */\r
-.headeru { text-shadow: black 0.05em 0.05em 0.01em ;} \r
-/* .headeru { border-bottom:1px solid white; } */\r
 \r
-/* Table styles */\r
+.headeru { \r
+               text-shadow:0 1px 3px black;\r
+               border-bottom: 1px solid white;\r
+} \r
+\r
+#banner h1 { \r
+       font-family:Helvetica, Arial, sans-serif;\r
+       white-space:nowrap;\r
+    color: white;\r
+       font-weight:bold;\r
+       text-shadow:0 1px 3px #100F0E;\r
+    font-size: 27px;\r
+}\r
 \r
+h3 {border-bottom: 1px solid grey; margin-top: 2em; }\r
+\r
+#headtitle { margin:0; padding-top:1em; text-align:center; color:#003b62; font-weight:600;} \r
+\r
+h2 {margin:1.8em 0 0 0; color:#003b62; font-weight:600;}\r
+\r
+/* Table styles */\r
 \r
 #wrapper table {\r
        border-collapse: collapse; \r
@@ -125,7 +282,6 @@ font-family:"Courier New", Courier, monospace;
         background-color: #ccc; \r
 }\r
 \r
-\r
 span.directory {\r
 background: transparent url(images/dir.gif) no-repeat scroll left center;\r
 color:#666666;\r
@@ -187,10 +343,15 @@ color:#993333;
 \r
 body {\r
        font-family:Arial, Helvetica, sans-serif;\r
-       font-size: 9pt;\r
-       background-color: white;\r
+       /*      color: #494949; */\r
+    font: 12px/170% Verdana;\r
+       background-image:url(images/matrix_bg6.jpg);\r
+       background-repeat:repeat;\r
+/*     background-color: #EAEAEA; */\r
        line-height: 2em;\r
-       min-width:35em;\r
+       min-width: 760px;\r
+       max-width: 1100px;\r
+       margin:0 auto;\r
 }\r
 \r
 \r
@@ -199,19 +360,13 @@ body {
        border: none;\r
        padding:0;\r
        margin:0;\r
+       line-height:0.5em;\r
        color:white;\r
        text-align:center;\r
        vertical-align:middle;\r
-       line-height:1.5em;\r
        width: 100%;\r
 }\r
 \r
-h3 {border-bottom: 1px solid grey; margin-top: 2em; }\r
-\r
-#headtitle { margin:0; text-align:center; }\r
-\r
-#banner h2 { margin: 20px 0; }\r
-\r
 \r
 #banner td.bg  {\r
        border-collapse: collapse; \r
@@ -222,11 +377,13 @@ h3 {border-bottom: 1px solid grey; margin-top: 2em; }
 }\r
 \r
 img.logo  {\r
-       border-top:1px solid #003b62; \r
+/*     border-top:1px solid #003b62; \r
        border-left:1px solid #003b62; \r
        border-right:none; \r
-       border-bottom: none; \r
+       border-bottom: none; */\r
+       border:none;\r
        margin:0; \r
        padding:0; \r
        display:inline\r
-}
\ No newline at end of file
+       float:left;\r
+}\r