\r
-#banner { background-color:white; }\r
+#banner {\r
+ background-color:white;\r
+}\r
\r
#mainpagefeatures {\r
- margin: 0 2em 0 2em;\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
+ 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
+ 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
+ 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
+ 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
+ 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
+ background-image:url(images/brickhead2_line.jpg);\r
+ background-repeat:repeat-x;\r
}\r
+\r
.brick_header {\r
- display:block;\r
+ display:block;\r
background:none;\r
}\r
\r
.brick_header h2 {\r
- font-weight: bold;\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 { \r
- width:161px; \r
- background:url("images/panel_bg_long.png") repeat-y ; \r
+ position:relative;\r
+ padding: 2em 1.5em 0em 1.5em;\r
+}\r
+\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
\r
-#content { \r
- margin-left:170px; \r
- border-bottom:solid 1px #6994af; \r
- margin-right:0.9em;\r
+#content {\r
+ margin-left:170px;\r
+ border-bottom:solid 1px #6994af;\r
+ margin-right:0.9em;\r
}\r
\r
-#page { \r
- margin: 0;\r
- background-color:#fff;\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
+#copyright {\r
+ 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 { \r
- background:url("images/panel_bg_long.png") repeat-y left top; \r
- margin:0; \r
- 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
}\r
\r
#panel a:link, #panel a:visited {\r
- text-decoration: none;\r
- display:block;\r
- line-height: 1em;\r
- padding:10px;\r
- color:#000000; \r
- }\r
- \r
+ text-decoration: none;\r
+ display:block;\r
+ line-height: 1em;\r
+ padding:10px;\r
+ color:#000000;\r
+}\r
+\r
#panel a:hover {\r
- background-color: transparent;\r
- text-decoration: underline;\r
- }\r
+ background-color: transparent;\r
+ text-decoration: underline;\r
+}\r
\r
#panel a.selected {\r
- text-decoration:underline; \r
- font-weight:bolder;\r
+ text-decoration:underline;\r
+ font-weight:bolder;\r
}\r
\r
-\r
#panel #submenu a {\r
-margin-left: 1.5em;\r
-margin-left: 20px;\r
-padding: 5px; \r
+ margin-left: 1.5em;\r
+ margin-left: 20px;\r
+ padding: 5px;\r
}\r
\r
strong {\r
font-family:Arial, Helvetica, sans-serif;\r
}\r
\r
-p { \r
+p {\r
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
+.i {\r
+ font-style:italic;\r
}\r
\r
+.hightlight {\r
+ font-style:italic;\r
+ font-family:"Courier New", Courier, monospace;\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
+.code {\r
color:black;\r
background-color:#F5F5F5;\r
font-family:"Courier New",Courier,monospace;\r
display:block;\r
}\r
\r
-.box { \r
+.box {\r
color:black;\r
background-color:#F5F5F5;\r
font-family:Arial, Helvetica, sans-serif;\r
display:block;\r
}\r
\r
-.u { text-decoration: underline; }\r
+.u {\r
+ text-decoration: underline;\r
+}\r
\r
-.headeru { \r
- text-shadow:0 1px 3px black;\r
- border-bottom: 1px solid white;\r
-} \r
+.headeru {\r
+ text-shadow:0 1px 3px black;\r
+ border-bottom: 1px solid white;\r
+}\r
\r
-#banner h1 { \r
+#banner h1 {\r
font-family:Helvetica, Arial, sans-serif;\r
white-space:nowrap;\r
- color: white;\r
+ color: white;\r
font-weight:bold;\r
text-shadow:0 1px 3px #100F0E;\r
- font-size: 27px;\r
+ font-size: 27px;\r
}\r
\r
-h3 {border-bottom: 1px solid grey; margin-top: 2em; }\r
+h3 {\r
+ border-bottom: 1px solid grey;\r
+ margin-top: 2em;\r
+}\r
\r
-#headtitle { margin:0; padding-top:1em; text-align:center; color:#003b62; font-weight:600;} \r
+#headtitle {\r
+ margin:0;\r
+ padding-top:1em;\r
+ text-align:center;\r
+ color:#003b62;\r
+ font-weight:600;\r
+}\r
\r
-h2 {margin:1.8em 0 0 0; color:#003b62; font-weight:600;}\r
+h2 {\r
+ margin:1.8em 0 0 0;\r
+ color:#003b62;\r
+ font-weight:600;\r
+}\r
\r
/* Table styles */\r
-\r
#wrapper table {\r
- border-collapse: collapse; \r
+ border-collapse: collapse;\r
border: 1px solid #666;\r
margin: 20px 0 20px 0;\r
width: 100%;\r
}\r
+\r
#wrapper th, #wrapper td {\r
margin: 2px 4px 2px 4px;\r
padding: 0 5px;\r
text-align: left;\r
- vertical-align: top;\r
border: 1px solid #666;\r
}\r
\r
#wrapper table caption {\r
- font: 1.5em Georgia, "Times New Roman", Times, serif; \r
+ font: 1.5em Georgia, "Times New Roman", Times, serif;\r
padding: 1em;\r
background-color: #9c9;\r
}\r
\r
-\r
#wrapper tr {\r
- background-color: #eee; \r
+ background-color: #eee;\r
}\r
\r
#wrapper tr:nth-child(odd) {\r
- background-color: #ccc; \r
+ background-color: #ccc;\r
}\r
\r
span.directory {\r
-background: transparent url(images/dir.gif) no-repeat scroll left center;\r
-color:#666666;\r
-font-family:"Courier New",Courier,monospace;\r
-font-style:normal;\r
-padding:0 0 0 15px;\r
+ background: transparent url(images/dir.gif) no-repeat scroll left center;\r
+ color:#666666;\r
+ font-family:"Courier New",Courier,monospace;\r
+ font-style:normal;\r
+ padding:0 0 0 15px;\r
}\r
\r
-.attention { \r
-color:#993333;\r
+.attention {\r
+ color:#993333;\r
}\r
\r
/* open/closed box related styles */\r
\r
-.source { \r
+.source {\r
border:1px solid #858789;\r
display:block;\r
margin:26px 0;\r
background:#F5F5F5 none repeat scroll right 0;\r
color:#434546;\r
padding:7px 15px;\r
-/* white-space:pre-wrap; */\r
white-space:normal;\r
-/* word-wrap:break-word; # this prop does not exits*/\r
}\r
\r
.source .header {\r
display:none;\r
}\r
\r
-.source .header.collapsed {\r
+.source .header.collapsed {\r
background:#E9EAEC url(images/plus.png) no-repeat scroll 98% center;\r
padding:0 15px 0 15px;\r
}\r
\r
-.body .code { \r
+.body .code {\r
margin:0;\r
padding:0;\r
border:0;\r
\r
body {\r
font-family:Arial, Helvetica, sans-serif;\r
- /* color: #494949; */\r
- font: 12px/170% Verdana;\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: 760px;\r
max-width: 1100px;\r
margin:0 auto;\r
}\r
\r
-\r
#banner table {\r
- border-collapse: collapse; \r
+ border-collapse: collapse;\r
border: none;\r
padding:0;\r
margin:0;\r
width: 100%;\r
}\r
\r
-\r
-#banner td.bg {\r
- border-collapse: collapse; \r
+#banner td.bg {\r
+ border-collapse: collapse;\r
background-image:url("images/banner_bg.gif");\r
- background-repeat: repeat-x; \r
+ background-repeat: repeat-x;\r
background-color:transparent;\r
background-position:inherit;\r
}\r
\r
-img.logo {\r
-/* border-top:1px solid #003b62; \r
- border-left:1px solid #003b62; \r
- border-right:none; \r
- border-bottom: none; */\r
+img.logo {\r
border:none;\r
- margin:0; \r
- padding:0; \r
+ margin:0;\r
+ padding:0;\r
display:inline\r
float:left;\r
}\r
+\r
+.mid {\r
+ vertical-align:middle;\r
+ height:80px;\r
+ border:none;\r
+}\r
+\r
git://source.jalview.org / jabaws.git / blobdiff