X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;ds=sidebyside;f=website%2Fws.css;h=3876f929b1da068c66a3660108ace1c539b65086;hb=00a2b15acef8866a404db64381d7dfeb93bf7ad9;hp=6e28bc472733cae44c06f300cb6671b0925f47c7;hpb=cb02e8a08893701386c270a8bf9d0f08b9cbc4db;p=jabaws.git

diff --git a/website/ws.css b/website/ws.css
index 6e28bc4..3876f92 100644
--- a/website/ws.css
+++ b/website/ws.css
@@ -1,48 +1,123 @@
 
-#banner { background-color:white; }
-
-/*
-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;
+#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;
+}
+
+#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;
- }
+#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;
 }
 
 #panel a:link, #panel a:visited {
-	    text-decoration: none;
-		display:block;
-		line-height: 1em;
-		padding:10px;
-		color:#000000; 
-	 }
-	 
+	text-decoration: none;
+	display:block;
+	line-height: 1em;
+	padding:10px;
+	color:#000000;
+}
+
 #panel a:hover {
-	    background-color: transparent;
-	    text-decoration: underline;
-	}
+	background-color: transparent;
+	text-decoration: underline;
+}
 
 #panel a.selected {
- text-decoration:underline; 
- font-weight:bolder;
+	text-decoration:underline;
+	font-weight:bolder;
+}
+
+#panel #submenu a {
+	margin-left: 1.5em;
+	margin-left: 20px;
+	padding: 5px;
 }
 
 strong {
@@ -54,17 +129,20 @@ pre {
 	font-family:Arial, Helvetica, sans-serif;
 }
 
-p { 
+p {
 	line-height: 1.4em;
 }
- 
-.hightlight { 
-font-style:italic;
-font-family:"Courier New", Courier, monospace;
+
+.i {
+	font-style:italic;
+}
+
+.hightlight {
+	font-style:italic;
+	font-family:"Courier New", Courier, monospace;
 }
 
-.code { 
-	font-size-adjust:0.4;
+.code {
 	color:black;
 	background-color:#F5F5F5;
 	font-family:"Courier New",Courier,monospace;
@@ -75,72 +153,98 @@ font-family:"Courier New", Courier, monospace;
 	display:block;
 }
 
-.box { 
+.box {
 	color:black;
 	background-color:#F5F5F5;
 	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; } */
+.u {
+	text-decoration: underline;
+}
 
-/* 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; 
+	border-collapse: collapse;
 	border: 1px solid #666;
 	margin: 20px 0 20px 0;
 	width: 100%;
 }
+
 #wrapper th, #wrapper td {
 	margin: 2px 4px 2px 4px;
 	padding: 0 5px;
 	text-align: left;
-	vertical-align: top;
 	border: 1px solid #666;
 }
 
 #wrapper table caption {
-	font: 1.5em Georgia, "Times New Roman", Times, serif; 
+	font: 1.5em Georgia, "Times New Roman", Times, serif;
 	padding: 1em;
 	background-color: #9c9;
 }
 
-
 #wrapper tr {
-	 background-color: #eee; 
+	background-color: #eee;
 }
 
 #wrapper tr:nth-child(odd) {
-	 background-color: #ccc; 
+	background-color: #ccc;
 }
 
-
 span.directory {
-background: transparent url(images/dir.gif) no-repeat scroll left center;
-color:#666666;
-font-family:"Courier New",Courier,monospace;
-font-style:normal;
-padding:0 0 0 15px;
+	background: transparent url(images/dir.gif) no-repeat scroll left center;
+	color:#666666;
+	font-family:"Courier New",Courier,monospace;
+	font-style:normal;
+	padding:0 0 0 15px;
 }
 
-.attention { 
-color:#993333;
+.attention {
+	color:#993333;
 }
 
 /* open/closed box related styles */
 
-.source { 
+.source {
 	border:1px solid #858789;
 	display:block;
 	margin:26px 0;
@@ -152,9 +256,7 @@ color:#993333;
 	background:#F5F5F5 none repeat scroll right 0;
 	color:#434546;
 	padding:7px 15px;
-/*	white-space:pre-wrap; */
 	white-space:normal;
-/*	word-wrap:break-word; # this prop does not exits*/
 }
 
 .source .header {
@@ -172,12 +274,12 @@ color:#993333;
 	display:none;
 }
 
-.source .header.collapsed  {
+.source .header.collapsed {
 	background:#E9EAEC url(images/plus.png) no-repeat scroll 98% center;
 	padding:0 15px 0 15px;
 }
 
-.body .code { 
+.body .code {
 	margin:0;
 	padding:0;
 	border:0;
@@ -187,41 +289,46 @@ color:#993333;
 
 body {
 	font-family:Arial, Helvetica, sans-serif;
-	font-size: 9pt;
-	background-color: white;
+	font: 12px/170% Verdana;
+	background-image:url(images/matrix_bg6.jpg);
+	background-repeat:repeat;
 	line-height: 2em;
-	min-width:35em;
+	min-width: 760px;
+	max-width: 1100px;
+	margin:0 auto;
 }
 
-
 #banner table {
-	border-collapse: collapse; 
+	border-collapse: collapse;
 	border: none;
 	padding:0;
 	margin:0;
+	line-height:0.5em;
 	color:white;
 	text-align:center;
 	vertical-align:middle;
-	line-height:1.5em;
 	width: 100%;
 }
 
-h3 {border-bottom: 1px solid grey; margin-top: 2em; }
-
-#banner td.bg  {
-	border-collapse: collapse; 
+#banner td.bg {
+	border-collapse: collapse;
 	background-image:url("images/banner_bg.gif");
-	background-repeat: repeat-x; 
+	background-repeat: repeat-x;
 	background-color:transparent;
 	background-position:inherit;
 }
 
-img.logo  {
-	border-top:1px solid #003b62; 
-	border-left:1px solid #003b62; 
-	border-right:none; 
-	border-bottom: none; 
-	margin:0; 
-	padding:0; 
+img.logo {
+	border:none;
+	margin:0;
+	padding:0;
 	display:inline
-}
\ No newline at end of file
+	float:left;
+}
+
+.mid {
+	vertical-align:middle;
+	height:80px;
+	border:none;
+}
+