X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=website%2Fws.css;h=42a7e9d3b14e5537afcaf31af3b7868d03286362;hb=6256f785b5baf779b46ac1d9a5d3d9bec7a2b96c;hp=965d8e9dc49ef94de1f0edf63d3c86c9523c422c;hpb=b413eee53fa3cc22a6bd4e03c9ac64bf26b7c834;p=jabaws.git

diff --git a/website/ws.css b/website/ws.css
index 965d8e9..42a7e9d 100644
--- a/website/ws.css
+++ b/website/ws.css
@@ -1,27 +1,150 @@
 
 #banner { background-color:white; }
 
+#mainpagefeatures {
+   margin: 0 2em 0 2em;
+}
+
+#wrapper #mainpagefeatures table, #wrapper #mainpagefeatures th, #wrapper #mainpagefeatures td, #wrapper #mainpagefeatures tr{
+  border:none;
+  border-collapse:collapse;
+  background-color: #fff; 
+  padding-bottom:2em;
+}
+
+#jabaws_on_cloud img {
+   border:1px solid #6994AF; 
+   clear:both;
+   margin: 2em 0;
+}
+
+#wrapper #choicematrix table, #wrapper #choicematrix th, #wrapper #choicematrix td, #wrapper #choicematrix tr{
+  border:1px solid grey;
+  background-color: #fff; 
+  padding:1em;
+}
+
+#wrapper #choicematrix th {
+  background-image:url(images/brickhead2.jpg); 
+  background-repeat:repeat-x;
+}
+
+.brick {
+padding-bottom:1em;
+    border: 2px solid #999;
+    -webkit-border-radius:20px;
+    -moz-border-radius:20px;
+	border-radius: 20px;
+    background-image:url(images/brickhead2_line.jpg);
+    background-repeat:repeat-x;
+}
+.brick_header {
+    display:block;
+	background:none;
+}
+
+.brick_header h2 {
+    font-weight: bold;
+	border:none;
+	background:none;
+	margin: 0.7em 0 0 0.5em;
+}
+
+.brick_content {
+  position:relative;
+  padding: 2em 1.5em 0em 1.5em;
+}
+
+
 /*
+td.vm {
+background-image:url(images/N_cell.jpg);
+background-repeat:repeat-x;
+}
+td.button a {
+display:block;
+background:#069;
+border:1px outset #069;
+text-decoration:none;
+font-weight:bold;
+line-height:1.5em;
+padding:0 .5em;
+color:#fff;
+}
+
+td.button a:hover {
+background:#09c;
+border-color:09c;
+}
+*/
+ /*
+#container .round {
+    display:block;
+    margin-right:10px;
+    background:#fff;
+    border: 1px solid #ccc;
+    -webkit-border-radius:20px;
+    -moz-border-radius:20px;
+	border-radius: 20px;
+    background-image:url(images/N_cell.jpg);
+    background-repeat:repeat-x;
+}
+ 
+
+#container .example5 div a {
+    padding:3px 20px;
+    border: 1px solid #ccc;
+    -webkit-border-radius:20px;
+    -moz-border-radius:15px;
+}
+ 
+#container .example5 div a:hover {
+    background:#5d9ddd;
+    border:1px solid #2a7ecd;
+    color:#fff;
+}
+*/
+/*
+
+  -webkit-border-radius:20px;
+    -moz-border-radius:15px;
+	
 See index.html banner commented out code for an example of use 
 .uniicon { overflow: hidden; display:inline; padding:0; margin:0; float:right; position:relative; top:1em; } 
 .uniicon a img {border:none;} 
 */
-#panel { width:150px; background:url("images/panel_bg.gif") repeat-y ; float:left;
+#panel { 
+	width:161px; 
+	background:url("images/panel_bg_long.png") repeat-y ; 
+	float:left;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
+	padding-top:1em;
  }
 
-#content { margin-left:157px; border-bottom:solid 1px #6994af; }
+#content { 
+      margin-left:170px; 
+      border-bottom:solid 1px #6994af; 
+	  margin-right:0.9em;
+}
 
-#page { margin: 0.4em;}
+#page { 
+  margin: 0;
+  background-color:#fff;
+}
 
 #copyright { text-align:right; 
 			 color:#999999; 
 			 font-family:Verdana, Arial, Helvetica, sans-serif;
 			 font-size:smaller;
 			 line-height:1em;
+			 padding:0.3em 0.9em 1em 0;
  }
 
-#wrapper { background:url("images/panel_bg.gif") repeat-y left top; margin:0; padding:0; }
+#wrapper { 
+    background:url("images/panel_bg_long.png") repeat-y left top; 
+    margin:0; 
+    padding:0; 
+}
 
 ul {
 	list-style-type: circle;
@@ -65,6 +188,11 @@ p {
 	line-height: 1.4em;
 }
  
+.i { 
+font-style:italic;
+}
+
+
 .hightlight { 
 font-style:italic;
 font-family:"Courier New", Courier, monospace;
@@ -102,13 +230,11 @@ padding-left: 1em;
 }
 
 .u { text-decoration: underline; }
-/* .headeru { text-shadow: #CCCCCC 15px -14px 2px;}  font-size-adjust:+0.7 */
-/*.headeru { text-shadow:  1px 0 black, 0 -1px black;}  */
+
 .headeru { 
 		text-shadow:0 1px 3px black;
 		border-bottom: 1px solid white;
 } 
-/* .headeru { border-bottom:1px solid white; }  */
 
 #banner h1 { 
 	font-family:Helvetica, Arial, sans-serif;
@@ -121,7 +247,7 @@ padding-left: 1em;
 
 h3 {border-bottom: 1px solid grey; margin-top: 2em; }
 
-#headtitle { margin:0; text-align:center; color:#003b62; font-weight:600;} 
+#headtitle { margin:0; padding-top:1em; text-align:center; color:#003b62; font-weight:600;} 
 
 h2 {margin:1.8em 0 0 0; color:#003b62; font-weight:600;}
 
@@ -156,7 +282,6 @@ h2 {margin:1.8em 0 0 0; color:#003b62; font-weight:600;}
 	 background-color: #ccc; 
 }
 
-
 span.directory {
 background: transparent url(images/dir.gif) no-repeat scroll left center;
 color:#666666;
@@ -220,9 +345,13 @@ body {
 	font-family:Arial, Helvetica, sans-serif;
 	/*	color: #494949; */
     font: 12px/170% Verdana;
-	background-color: white;
+	background-image:url(images/matrix_bg6.jpg);
+	background-repeat:repeat;
+/*	background-color: #EAEAEA; */
 	line-height: 2em;
-	min-width:35em;
+	min-width: 760px;
+	max-width: 1100px;
+	margin:0 auto;
 }
 
 
@@ -231,10 +360,10 @@ body {
 	border: none;
 	padding:0;
 	margin:0;
+	line-height:0.5em;
 	color:white;
 	text-align:center;
 	vertical-align:middle;
-	line-height:1.5em;
 	width: 100%;
 }
 
@@ -248,12 +377,13 @@ body {
 }
 
 img.logo  {
-	border-top:1px solid #003b62; 
+/*	border-top:1px solid #003b62; 
 	border-left:1px solid #003b62; 
 	border-right:none; 
-	border-bottom: none; 
+	border-bottom: none; */
+	border:none;
 	margin:0; 
 	padding:0; 
 	display:inline
 	float:left;
-}
\ No newline at end of file
+}