X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=website%2Fws.css;h=42a7e9d3b14e5537afcaf31af3b7868d03286362;hb=HEAD;hp=4208e7ccbc43f941dcb84f578000ccaeea72a4ef;hpb=cfbceac612220d0a877942f7fb6658a5848d1ccf;p=jabaws.git

diff --git a/website/ws.css b/website/ws.css
index 4208e7c..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:150px; border-bottom:solid 1px #6994af; }
+#content { 
+      margin-left:170px; 
+      border-bottom:solid 1px #6994af; 
+	  margin-right:0.9em;
+}
 
-#page { margin: 0.5em; }
+#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; }
+#wrapper { 
+    background:url("images/panel_bg_long.png") repeat-y left top; 
+    margin:0; 
+    padding:0; 
+}
 
 ul {
 	list-style-type: circle;
@@ -45,6 +168,13 @@ ul {
  font-weight:bolder;
 }
 
+
+#panel #submenu a {
+margin-left: 1.5em;
+margin-left: 20px;
+padding: 5px; 
+}
+
 strong {
 	font-weight:bold;
 	color:#003366;
@@ -58,13 +188,26 @@ p {
 	line-height: 1.4em;
 }
  
+.i { 
+font-style:italic;
+}
+
+
 .hightlight { 
 font-style:italic;
 font-family:"Courier New", Courier, monospace;
 }
 
+
+/*
+.about {
+border-left: solid 4px #006633;
+border-left-style:ridged;
+padding-left: 1em;
+}*/
+
+
 .code { 
-	font-size-adjust:0.4;
 	color:black;
 	background-color:#F5F5F5;
 	font-family:"Courier New",Courier,monospace;
@@ -81,20 +224,34 @@ font-family:"Courier New", Courier, monospace;
 	font-family:Arial, Helvetica, sans-serif;
 	font-style:normal;
 	margin:1em 0;
-	font-size:0.9em;
 	padding: 0.5em;
 	border: 1px solid black;
 	display:block;
 }
 
 .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: black 0.05em 0.05em 0.01em ;} 
-/* .headeru { border-bottom:1px solid white; } */
 
-/* Table styles */
+.headeru { 
+		text-shadow:0 1px 3px black;
+		border-bottom: 1px solid white;
+} 
+
+#banner h1 { 
+	font-family:Helvetica, Arial, sans-serif;
+	white-space:nowrap;
+    color: white;
+	font-weight:bold;
+	text-shadow:0 1px 3px #100F0E;
+    font-size: 27px;
+}
 
+h3 {border-bottom: 1px solid grey; margin-top: 2em; }
+
+#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;}
+
+/* Table styles */
 
 #wrapper table {
 	border-collapse: collapse; 
@@ -125,7 +282,6 @@ font-family:"Courier New", Courier, monospace;
 	 background-color: #ccc; 
 }
 
-
 span.directory {
 background: transparent url(images/dir.gif) no-repeat scroll left center;
 color:#666666;
@@ -187,10 +343,15 @@ color:#993333;
 
 body {
 	font-family:Arial, Helvetica, sans-serif;
-	font-size: 9pt;
-	background-color: white;
+	/*	color: #494949; */
+    font: 12px/170% Verdana;
+	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;
 }
 
 
@@ -199,13 +360,14 @@ 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%;
 }
 
+
 #banner td.bg  {
 	border-collapse: collapse; 
 	background-image:url("images/banner_bg.gif");
@@ -215,11 +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
-}
\ No newline at end of file
+	float:left;
+}