--- /dev/null
+\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
+#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
+#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:150px; \r
+ background:url("images/panel_bg.gif") repeat-y ; \r
+ float:left;\r
+ font-family:Verdana, Arial, Helvetica, sans-serif;\r
+ padding-top:1em;\r
+ }\r
+\r
+#content { \r
+ margin-left:157px; \r
+ border-bottom:solid 1px #6994af; \r
+ margin-right:0.9em;\r
+}\r
+\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 { \r
+ background:url("images/panel_bg.gif") repeat-y left top; \r
+ margin:0; \r
+ padding:0; \r
+}\r
+\r
+ul {\r
+ list-style-type: circle;\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
+#panel a:hover {\r
+ background-color: transparent;\r
+ text-decoration: underline;\r
+ }\r
+\r
+#panel a.selected {\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
+}\r
+\r
+strong {\r
+ font-weight:bold;\r
+ color:#003366;\r
+}\r
+\r
+pre {\r
+ font-family:Arial, Helvetica, sans-serif;\r
+}\r
+\r
+p { \r
+ line-height: 1.4em;\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
+ color:black;\r
+ background-color:#F5F5F5;\r
+ font-family:"Courier New",Courier,monospace;\r
+ font-style:normal;\r
+ margin:1em 0;\r
+ padding: 0.5em;\r
+ border: 1px dashed black;\r
+ display:block;\r
+}\r
+\r
+.box { \r
+ color:black;\r
+ background-color:#F5F5F5;\r
+ font-family:Arial, Helvetica, sans-serif;\r
+ font-style:normal;\r
+ margin:1em 0;\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 { \r
+ text-shadow:0 1px 3px black;\r
+ border-bottom: 1px solid white;\r
+} \r
+/* .headeru { border-bottom:1px solid white; } */\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
+ border: 1px solid #666;\r
+ margin: 20px 0 20px 0;\r
+ width: 100%;\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
+ padding: 1em;\r
+ background-color: #9c9;\r
+}\r
+\r
+\r
+#wrapper tr {\r
+ background-color: #eee; \r
+}\r
+\r
+#wrapper tr:nth-child(odd) {\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
+}\r
+\r
+.attention { \r
+color:#993333;\r
+}\r
+\r
+/* open/closed box related styles */\r
+\r
+.source { \r
+ border:1px solid #858789;\r
+ display:block;\r
+ margin:26px 0;\r
+ overflow:visible;\r
+}\r
+\r
+/* OPEN state styles */\r
+.source .body {\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
+ background:#E9EAEC url(images/minus.png) no-repeat scroll 98% center;\r
+ color:#3B3D3F;\r
+ cursor:pointer;\r
+ font-weight:bold;\r
+ height:30px;\r
+ line-height:30px;\r
+ padding:0 15px 0 15px;\r
+}\r
+\r
+/* CLOSED state styles */\r
+.source .body.collapsed {\r
+ display:none;\r
+}\r
+\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
+ margin:0;\r
+ padding:0;\r
+ border:0;\r
+ font-family:"Courier New",Courier,monospace;\r
+ font-style:normal;\r
+}\r
+\r
+body {\r
+ font-family:Arial, Helvetica, sans-serif;\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: 760px;\r
+ max-width: 1100px;\r
+ margin:0 auto;\r
+}\r
+\r
+\r
+#banner table {\r
+ border-collapse: collapse; \r
+ 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
+ width: 100%;\r
+}\r
+\r
+\r
+#banner td.bg {\r
+ border-collapse: collapse; \r
+ background-image:url("images/banner_bg.gif");\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
+ border:none;\r
+ margin:0; \r
+ padding:0; \r
+ display:inline\r
+ float:left;\r
+}\r
git://source.jalview.org / jabaws.git / blobdiff