From c5e61e7e93b78a199a52956297ad0585fdfcdee2 Mon Sep 17 00:00:00 2001
From: mh17 <mh17>
Date: Wed, 3 Mar 2010 14:32:25 +0000
Subject: [PATCH] new docs
---
doc/css/dev_server.css | 1334 ++++++++++++++++++++++++++++++++++++++
doc/css/zmap-default.css | 13 +
2 files changed, 1347 insertions(+)
create mode 100644 doc/css/dev_server.css
create mode 100644 doc/css/zmap-default.css
diff --git a/doc/css/dev_server.css b/doc/css/dev_server.css
new file mode 100644
index 000000000..aa79f32e3
--- /dev/null
+++ b/doc/css/dev_server.css
@@ -0,0 +1,1334 @@
+/* Colours
+Primary colours
+#074987 prime1 (from colour picker against logo)
+#004869 prime1 pantone 301
+#8abbee prime2 pantone 2915
+primary supplemental colours
+#9fc6ee prime3 75% tint of pantone 2915
+#b8d2ef prime4 50% tint of pantone 2915
+#cbdced prime5 25% tint of pantone 2915
+
+Secondary colours
+Natural world
+#b0e3c0 natural1 pantone 332
+#ccf284 natural2 pantone 373
+#5f8011 natural3 pantone 377
+#057a52 natural4 pantone 569
+#ddf6a4 natural5 pantone 372
+#846d53 natural6 warm gray 9
+#ccb376 natural7 pantone 4525
+#845d00 natural8 pantone 4495
+#621700 natural9 pantone 483
+vibrants
+#ff7200 vibrant1 pantone 1505
+#c3001d vibrant2 pantone 186
+#8d0017 vibrant3 pantone 194
+#7c004f vibrant4 pantone 2612
+*/
+
+@import url("/stylesheets/z-menu.css");
+
+body {
+ margin: 0;
+ font-family: Arial, Helvetica, Sans-serif;
+ font-size: 10pt;
+ padding: 0;
+ color: #808080;
+ text-decoration: none;
+ background-color: #fff;
+}
+
+
+
+tr {
+ vertical-align: top;
+}
+
+p, td {
+ font-family: Arial, Helvetica, Sans-serif;
+/* font-size: 0.9em; */
+ color: #2f4f4f;
+}
+
+th {
+ font-family: Arial, Helvetica, Sans-serif;
+/* font-size: 0.9em; */
+ color: #074987;
+ text-align: left;
+}
+
+ul, ol, div, li, dl, dt, dd {
+ font-family: Arial, Helvetica, Sans-serif;
+ font-size: 1em;
+ color: #2f4f4f;
+}
+
+p {
+ margin: 0.6em 0em 0.6em 0em;
+}
+
+hr {
+ border-top: 0px dotted #2f4f4f;
+ border-bottom: 1px dotted #2f4f4f;
+ height: 0;
+ text-align: center;
+ width: 75%;
+}
+
+.quote {
+ font-family: Arial, Helvetica, sans-serif;
+/* font-size: 0.9em; */
+ color: #8d0017;
+ font-style: italic;
+}
+.pressh1 {
+ color: #5a85d6;
+ font-weight: bold;
+ font-size: 1.2em;
+}
+
+.pressh2 {
+ color: #8d0017;
+ font-weight: bold;
+}
+
+.mediah1 {
+ color: #5a85d6;
+ font-weight: bold;
+ font-size: 1.6em;
+}
+
+.mediah2 {
+ color: #8d0017;
+ font-weight: bold;
+ font-size: 1.2em;
+}
+
+.symbol {
+ font-family: symbol;
+/* font-size: 0.9em; */
+ color: #074987;
+}
+
+img.map {
+ position: absolute;
+ left: 0px;
+ top: 69px;
+ z-index: 1
+}
+
+a:link, a:visited {
+ color: #074987;
+ text-decoration: underline;
+}
+
+a:hover {
+/* color: #5a85d6; */
+ color: #ff7200;
+ text-decoration: underline;
+}
+
+/* IMAGES START */
+
+img {
+ border: 0;
+}
+
+img.img {
+ margin: 5px;
+ border: 1px solid #aaaaaa;
+}
+
+img.img-nb {
+ margin: 5px;
+ border: 0;
+}
+
+div.figleft, div.figright {
+ margin: 5px;
+}
+
+div.left, div.figleft {
+ float: left;
+}
+
+div.right, div.figright {
+ float: right;
+}
+
+div.figleft p, div.figright p {
+ text-align: justify;
+ margin: 0;
+ color: #8d0017;
+ font-size: 0.75em;
+ border: 1px dotted #aaaaaa;
+ padding: 0;
+}
+
+div.figleft img, div.figright img {
+ margin: 0;
+ border: 1px solid #aaaaaa;
+}
+
+div.figleft a, div.figright a {
+ color: #8d0017;
+}
+
+.figlegend {
+ color: #8d0017;
+ font-size: 0.7em;
+ border: dotted 1px #83a4c3;
+ text-align: justify;
+ padding: 5px;
+}
+
+/* IMAGES FINISH */
+
+.banner {
+ font-size: 1.5em;
+ text-align: left;
+ color: #074987;
+ margin: 5px 0px 5px 0px;
+ padding: 0;
+ font-weight: bold;
+/* width: 800px;*/
+}
+
+.subhead, a.subhead {
+ font-size: 1em;
+ text-align: left;
+ color: #8d0017;
+ margin: 0;
+ padding: 0;
+ font-weight: bold;
+}
+
+h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
+ color: #074987;
+ padding: 0;
+ font-weight: bold;
+ margin: 0;
+}
+
+h1, .h1 {
+ font-size: 2em;
+ margin: 5px 0px 5px 0px;
+}
+
+h2, .h2 {
+ font-size: 1.8em;
+}
+
+h3, .h3 {
+ font-size: 1.6em;
+}
+
+h4, .h4 {
+ font-size: 1.4em;
+}
+
+h5, .h5 {
+ font-size: 1.2em;
+}
+
+h6, .h6 {
+ font-size: 1.1em;
+}
+
+/*** styled lists for pubmedaliser ***/
+
+ul.outer{
+ margin: 0px; /*removes indent IE and Opera*/
+ padding: 0px; /*removes indent Mozilla and NN7*/
+ font-size: 1em;
+ list-style-type: none; /*turns off display of bullet*/
+ font-family: Arial, Helvetica, sans-serif;
+ background-color: #ffffff;
+ border: 1px dotted #83a4c3;
+ margin: 0px;
+ width: 100%;
+}
+
+ul.inner {
+ margin: 0px;/*removes indent IE and Opera*/
+ padding: 0px;/*removes indent Mozilla and NN7*/
+ font-size: 1em;
+ list-style-type: none; /*turns off display of bullet*/
+ width: 100%;
+}
+
+li.pubtext {
+ font-size: 1em;
+}
+
+td.pubtext {
+ margin: 5px;
+ padding: 10px;
+}
+
+li.pub1, .pub1 {
+ font-size: 1em;
+ margin: 5px;
+ padding: 10px;
+ background-color: #e7edf3;
+}
+
+li.pub2, .pub2 {
+ font-size: 1em;
+ margin: 5px;
+ padding: 10px;
+}
+
+li.header {
+ background-color: #c2d2e1;
+ color: #000000;
+ padding: 10px;
+ margin: 5px;
+ text-align: left;
+ font-family: Arial, Helvetica, sans-serif;
+}
+/*** styled lists end ***/
+
+.correct {
+ font-weight: bold;
+/* font-size: 0.9em; */
+}
+
+.error1, .error2 {
+ font-weight: bold;
+/* font-size: 0.9em; */
+}
+
+.small {
+ font-size: 0.8em;
+}
+
+.correct {
+ color: #4577a5;
+}
+
+.error1 {
+ color: #ff7200;
+}
+
+.error2 {
+ color: #7c004f;
+}
+
+.tablelisting, a.tablelisting {
+/* color: #ff7200; */
+ color: #074987;
+/* font-size: 0.8em; */
+ text-align: left;
+}
+
+/* begin zebra-tables */
+.tabrow1, table.zebra .tabrow1 {
+ background-color: #e7edf3;
+ color: #074987;
+}
+
+.tabrow2, table.zebra .tabrow2 {
+ background-color: #ffffff;
+ color: #074987;
+}
+
+table.zebra {
+ caption-side: bottom;
+}
+
+table.zebra thead th {
+ border-bottom: 2px solid black;
+}
+
+table.zebra table.zebra thead th {
+ border-bottom: 1px solid black;
+}
+
+table.zebra table .tabrow1 {
+ background-color: #f4f8fd;
+ color: #074987;
+}
+
+table.zebra table .tabrow2 {
+ background-color: #fff;
+ color: #074987;
+}
+
+table.zebra caption, table.zebra tfoot td {
+ font-size: 0.9em;
+}
+
+table.zebra caption {
+ background-color: #eee;
+ color: #000;
+}
+/* end zebra-tables */
+
+.teamleader {
+/* font-size: 1.2em; */
+ color: #074987;
+}
+
+.groupleader {
+ color: #4577a5;
+}
+
+/*** species stats start ***/
+
+a.species-ftp {
+ color: #ff7200;
+/* font-size: 0.9em;*/
+ font-weight: bold;
+}
+
+a.species-ftp {
+ color: #ff7200;
+/* font-size: 0.9em;*/
+ font-weight: bold;
+ font-style: italic;
+}
+
+.species-project {
+ color: #8d0017;
+/* font-size: 0.8em;*/
+ white-space: nowrap;
+}
+
+a.species-project {
+ color: #057a52;
+/* font-size: 0.8em;*/
+}
+
+.species-numbers {
+ color: #8d0017;
+/* font-size: 0.8em; */
+ font-weight: bold;
+}
+
+/*** species stats end ***/
+
+
+
+/*** begin site search box configuration ***/
+
+#searchbox {
+ float:right;
+ border: 2px solid #074987;
+ margin-top:20px;
+ margin-right:20px;
+ padding: 5px;
+ background: #cbdced;
+ -moz-border-radius: 8px;
+}
+
+/*\*//*/ #searchbox {width: 100px;} /**/ /*IE5 on the mac only */
+
+#searchbox form {
+ padding:0;
+ margin:0;
+}
+#searchbox .sitequery {
+ font-size: 0.7em;
+ color: #8d0017;
+ padding: 0;
+ margin: 0;
+}
+#searchbox .searchbutton {
+ border: 2px solid;
+ border-top-color: #efeaf3;
+ border-left-color: #909fc7;
+ border-bottom-color: #506816;
+ border-right-color: #22408f;
+ background-color: #cbdced;
+ font-family: Arial, Helvetica, Sans-serif;
+ font-size: 0.7em;
+ font-weight: bold;
+ padding:0px;
+ color: #074987;
+}
+
+/*** end site search box configuration ***/
+
+.footer {
+ border: 1px solid #074987;
+ font-size: 0.9em;
+ text-align: left;
+ white-space: nowrap;
+ background-color: #cbdced;
+ margin: 0px;
+ padding: 0px;
+ color: #074987;
+}
+
+.footer-text {
+ color: #074987;
+}
+
+.footer2 {
+/* font-size: 0.9em;*/
+ text-align: left;
+}
+
+.footer2-text {
+ color: #aaaaaa;
+}
+
+/*** NAVHEAD START ***/
+
+#navhead {
+ border-top:1px solid #22408f;
+ background: #074987;
+ margin:0px;
+ padding:0px;
+}
+
+#navhead a {
+ font-weight:bold;
+ color: #fff;
+ text-decoration:none;
+ display:block;
+ padding:3px 3px 3px 6px;
+ margin:0px;
+}
+
+/*** NAVHEAD END ***/
+
+/*** NAVIGATOR START ***/
+
+div.navigator {
+ padding:0px;
+ margin:0px;
+}
+div.navigator ul {
+ margin:0px;
+ padding:0px;
+ list-style-type:none;
+ margin-bottom:18px;
+ border-bottom:1px solid #22408f;
+}
+div.navigator li {
+ display:block;
+ list-style-type:none;
+ margin:0px;
+ padding:0px;
+ border-top:1px solid #22408f;
+ background: #cbdced;
+ _height:10px; /* IE6 hack to get the right heights */
+}
+div.navigator li a {
+ color: #074987;
+ font-weight:bold;
+ display:block;
+ margin:0px;
+ padding:3px 3px 3px 5px;
+ text-decoration:none;
+ _height:10px; /* IE6 hack to get the right heights */
+}
+
+div.navigator li a:hover {
+ background-color: #9fc6ee;
+ text-decoration:none;
+ color: #074987;
+}
+
+/*** NAVIGATOR END ***/
+
+/*** BARHEAD START ***/
+
+.barhead, a.barhead, a.barhead:link, a.barhead:visited, a.barhead:hover {
+ border: 1px solid #4577a5;
+ font-family: Arial, Helvetica, sans-serif;
+ background-color: #4577a5;
+ margin: 0;
+ padding: 0 0 0 5px;
+ display: block;
+ color: #ffffff;
+ font-weight: bold;
+ text-decoration: none;
+ _height:10px; /* IE6 hack to get the right heights */
+}
+
+/*** BARHEAD END ***/
+
+/*** NAVIGATOR2 START ***/
+
+div.navigator2 {
+ padding:0px;
+ margin:0px;
+}
+div.navigator2 ul {
+ margin:0px;
+ padding:0px;
+ list-style-type:none;
+ margin-bottom:18px;
+ border-bottom:1px solid #22408f;
+}
+div.navigator2 li {
+ display:block;
+ list-style-type:none;
+ margin:0px;
+ padding:0px;
+ _height:10px; /* IE6 hack to get the right heights */
+ border-top:1px solid #22408f;
+ background: #9fc6ee;
+}
+div.navigator2 li a {
+ color: #074987;
+ font-weight:bold;
+ display:block;
+ _height:10px; /* IE6 hack to get the right heights */
+ margin:0px;
+ padding:3px 3px 3px 5px;
+ text-decoration:none;
+}
+
+div.navigator2 li a:hover {
+ background-color: #cbdced;
+ text-decoration:none;
+ color: #074987;
+}
+
+/*** NAVIGATOR2 END ***/
+
+
+/*** NAVIGATOR SHOW HIDE START ***/
+
+#nav_tab {
+ margin-top: 1px;
+ padding: 0px 0px 0px 0px;
+}
+
+/*** NAVIGATOR SHOW HIDE END ***/
+
+/* begin WTSI header logo/swoosh/search configuration */
+
+.header tr {
+ vertical-align: middle;
+ }
+
+td.headerleft {
+ background-color: #074987;
+}
+
+/* td.headercentre and td.headerright background-image is set in wtsi.pm */
+td.headercentre {
+ background-position: top right;
+}
+
+table.headersearch {
+ float: left;
+ background-color: #cbdced;
+ padding: 5px;
+ margin: 15px;
+ -moz-border-radius: 8px;
+ border: 2px #074987 solid;
+}
+
+/* end WTSI header logo/swoosh/search configuration */
+
+
+/* nav dropdowns start */
+
+.nav-dd {
+ width: 170px;
+ background-color:#f4f8fd;
+}
+
+.hide {
+ display: none;
+}
+
+/* nav dropdowns end */
+
+/* begin portlet configuration */
+div.portlet {
+ margin-top: 10px;
+ border: 1px #8d0017 solid;
+ background-color: #f4e6e8;
+}
+
+div.portletitem {
+ padding: 2px;
+ font-size:1em;
+}
+
+div.portlethead {
+ background-color: #8d0017;
+ color: #ffffff;
+ font-weight: bold;
+ padding: 1px;
+}
+
+div.portlet ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ border: none;
+}
+
+div.portlet li, div.portlet a {
+ color: #8d0017;
+ text-decoration: none;
+}
+
+div.portlet a:hover {
+ color: #8d0017;
+ text-decoration: underline;
+}
+
+div.portlet li {
+ border-bottom: 1px dotted;
+}
+
+/* end portlet configuration */
+
+/* begin jimmac menu configuration */
+
+/* div.menutext, div.menutext a, div.menutext a:visited, div.menubar {
+ background-color: #cbdced;
+ color: #074987;
+} */
+
+div.menutext {
+ /* background-color: #cbdced;*/ /*menubackground colour*/
+/* border-left: 171px solid #cbdced;*/
+}
+
+div.menutext, div.menutext a, div.menutext a:visited, div.menubar {
+ color: #074987;
+ text-decoration: none;
+}
+
+div.submenus a:link, div.submenus a:visited {
+ color: #074987;
+ text-decoration: none;
+}
+
+div.submenus tr.hi, tr.hi {
+ background-color: #b8d2ef;
+ text-decoration: none;
+}
+
+div.submenus tr.lo, tr.lo {
+ background-color: #cbdced;
+ text-decoration: none;
+}
+
+div.submenus a:hover {
+ background-color: #074987;
+ color: #ffffff;
+}
+
+/* end jimmac menu configuration */
+
+div.newsdec {
+ background-color: #e7edf3;
+ -moz-border-radius: 8px;
+ margin: 0pt 0pt 0pt 0pt;
+ padding: 6pt 6pt 6pt 6pt;
+ width: 100%;
+ border: 2px #b8d2ef solid;
+ overflow: visible;
+}
+
+div.news-bannerdec {
+ background-color: #074987;
+ color: #ffffff;
+ padding: 0pt 0pt 0pt 6pt;
+ margin: 5px 0px 0px 10px;
+ /* font-size: 0.9em;*/
+ font-weight: bold;
+}
+
+div.genborder {
+ background-color: #e7edf3;
+ -moz-border-radius: 8px;
+ margin: 0em;
+ padding: 1em;
+ width: auto;
+ border: 2px #cbdced solid;
+ overflow: visible;
+ font-size: 1em;
+}
+
+div.genborder-banner {
+ background-color: #074987;
+ color: #ffffff;
+ padding: 1px 1px 1px 3px;
+ margin: 0 0 0 1em;
+ font-size: 1em;
+ font-weight: bold;
+ width: 20em;
+}
+
+/* Things to deprecate */
+
+a.red1, .red1, .chromtab1, .barialr, .arialr, .smarialr, .newsheader, .basecounter, a.figlegend, td.figlegend a, span.quote a {
+ color: #8d0017;
+}
+
+.grey1, gray1 {
+ background-color: #aaaaaa;
+}
+
+tr.h2bg, .barialwbg, td.h2bg, .h2bg {
+ background-color: #074987;
+}
+
+.h2bg, .barialwbg {
+ color: #ffffff;
+}
+/* rounded boxes - start */
+
+.roundedboxedge {
+ background-color: #224422;
+ color: #ffffff;
+}
+
+.roundedboxbg {
+ background-color: #e7edf3;
+}
+
+/* rounded boxes - end */
+
+a.nounderline {
+ text-decoration: none;
+}
+
+.white, .barialw, .smarialw, .bsmarialw {
+ color: #ffffff;
+}
+
+tt, .tt {
+ font-family: courier;
+ font-size: 1em;
+}
+
+sub, sup {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 0.9em;
+}
+
+.ismarial {
+ font-style: italic;
+}
+
+.bsmarialw, .bsmarial {
+ font-weight: bold;
+}
+
+.blue1, .chromtab2, .chromtab3, .barialb, .arialb, .barhead3 {
+ color: #074987;
+}
+
+.blue2, .barialb2, .barhead2, .smarialb2 {
+ color: #5a85d6;
+}
+
+.violet1 {
+ background-color: #ffffff;
+ text-decoration: none;
+}
+
+.violet2, .panel {
+/* background-color: #cbdced;*/
+ background-color: #ffffff;
+}
+
+.violet3 {
+ background-color: #e7edf3;
+}
+
+
+/* news start */
+
+div.news {
+ background-color: #e7edf3;
+ -moz-border-radius: 8px;
+ margin: 0em;
+ padding: 6px;
+ width: 18em;
+ border: 2px #b8d2ef solid;
+ height: 8em;
+ overflow: visible;
+}
+
+div.news-banner {
+ background-color: #074987;
+ color: #ffffff;
+ padding: 0pt 0pt 0pt 6pt;
+ width: 100px;
+ margin: 5px 0px 0px 10px;
+/* font-size: 8pt;*/
+ font-weight: bold;
+}
+
+.news-title {
+ color: #8d0017;
+ font-size: 1em;
+ font-weight: bold;
+ text-align: left;
+}
+
+.news-content {
+ color: #2f4f4f;
+ /*font-size: 0.8em;*/
+ text-align: left;
+}
+
+fieldset {
+ border: #83a4c3 dotted 1px;
+ background-color: /*#f4f8fd;*/ #ffffff;
+ padding: 0em 0.5em 0.5em 0.5em;
+ text-align: left;
+ margin: 0px;
+}
+
+/* Holly Hack Targets IE Win only \*/
+* html fieldset {border: #83a4c3 solid 1px;}
+ fieldset {border: #83a4c3 dotted 1px;}
+/* end of Holly hack */
+
+legend {
+ border: #83a4c3 solid 1px;
+ background-color: #f4f8fd;
+ color: #074987;
+ padding: 2px 4px 2px 4px;
+ font-weight: bolder;
+ text-decoration: none;
+ font-family: Arial,Helvetica,Sans-Serif;
+ margin-top: 0px;
+}
+
+/* Holly Hack Targets IE Win only \*/
+* html legend {margin-top: 10px;}
+ legend {margin-top: 0px;}
+/* end of Holly hack */
+
+legend.info {
+ border: #c6808b solid 1px;
+ background-color: #f4e6e8;
+ color: #8d0017;
+}
+
+fieldset.news-long {
+ border: #83a4c3 dotted 1px;
+ background-color: /*#f4f8fd;*/ #ffffff;
+ padding: 0em 0.5em 0.5em 0.5em;
+ width: 500px;
+ text-align: left;
+ margin: 10px;
+}
+
+/* Holly Hack Targets IE Win only \*/
+* html fieldset.news-long {border: #83a4c3 solid 1px;}
+ fieldset.news-long {border: #83a4c3 dotted 1px;}
+/* end of Holly hack */
+
+legend.news-long {
+ border: #83a4c3 solid 1px;
+ background-color: #f4f8fd;
+ color: #074987;
+ padding: 2px;
+ font-weight: bolder;
+ text-decoration: none;
+ font-family: Arial,Helvetica,Sans-Serif;
+ margin-top: 0px;
+}
+
+/* Holly Hack Targets IE Win only \*/
+* html legend.news-long {margin-top: 10px;}
+ legend.news-long {margin-top: 0px;}
+/* end of Holly hack */
+
+fieldset ul, fieldset ol {
+ padding: 0em;
+ margin: 0.5em 0 0.5em 1.5em;
+}
+
+fieldset ul li {
+ list-style: url(/icons/prime2/arrow.l.gif) disc;
+}
+
+fieldset ul li li {
+ list-style: url(/icons/natural1/arrow.l.gif) disc;
+}
+
+fieldset ul li, fieldset ul li li, fieldset ol li, fieldset ul li li {
+ padding: 0em;
+ margin: 0em;
+}
+
+
+/* Holly Hack Targets IE Win only \*/
+* html fieldset li {margin: 0 0 0 1em;}
+ fieldset li {margin: 0em;}
+/* end of Holly hack */
+
+fieldset h1, fieldset h2, fieldset h3, fieldset h4, fieldset h5, fieldset h6 {
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0em;
+}
+
+fieldset h1, fieldset h1 a:link, fieldset h1 a:visited, fieldset h1 a:hover {
+ color: #8d0017;
+}
+
+fieldset h2, fieldset h2 a:link, fieldset h2 a:visited, fieldset h2 a:hover {
+ color: #074987;
+}
+
+fieldset h3, fieldset h3 a:link, fieldset h3 a:visited, fieldset h3 a:hover {
+ color: #057a52;
+}
+
+fieldset h4, fieldset h4 a:link, fieldset h4 a:visited, fieldset h4 a:hover {
+ color: #ff7200;
+}
+
+fieldset h5, fieldset h5 a:link, fieldset h5 a:visited, fieldset h5 a:hover {
+ color: #c3001d;
+}
+
+fieldset h6, fieldset h6 a:link, fieldset h6 a:visited, fieldset h6 a:hover {
+ color: #7c004f;
+}
+/*
+fieldset p {
+ margin: 0em;
+}
+*/
+fieldset th {
+ text-align: left;
+}
+
+fieldset.small {
+ font-size: 0.9em;
+}
+
+fieldset textarea {
+ font-family: Arial,Helvetica,Sans-Serif;
+ font-size: 1em;
+ float: right;
+ width: 23em;
+}
+
+.input {
+ font-family: Arial,Helvetica,Sans-Serif;
+ font-size: 1em;
+ float: right;
+ width: 23em;
+}
+
+/* news end */
+
+/* seminars start */
+
+div.seminars {
+ background-color: #e7edf3;
+ -moz-border-radius: 8px;
+ margin: 0pt 0pt 0pt 0pt;
+ padding: 2pt 6pt 6pt 6pt;
+ width: 194pt;
+ border: 2px #b8d2ef solid;
+ height: 100pt;
+ overflow: visible;
+}
+
+div.seminars-banner {
+ background-color: #074987;
+ color: #ffffff;
+ padding: 0pt 0pt 0pt 6pt;
+ margin: 5pt 100pt 0pt 10pt;
+ /* font-size: 0.9em;*/
+ font-weight: bold;
+}
+
+fieldset.seminars {
+ border: #83a4c3 dotted 1px;
+ background-color: /*#f4f8fd;*/ #ffffff;
+ padding: 0em 0.5em 0.5em 0.5em;
+ width: 250px;
+ text-align: left;
+ margin: 0px;
+}
+
+/* Holly Hack Targets IE Win only \*/
+* html fieldset.seminars {border: #83a4c3 solid 1px;}
+ fieldset.seminars {border: #83a4c3 dotted 1px;}
+/* end of Holly hack */
+
+a.seminars-title, a.faculty-title {
+ color: #8d0017;
+ /*font-size: 0.9em;*/
+ font-weight: bold;
+ text-align: left;
+}
+
+.seminars-content {
+ color: #2f4f4f;
+ /*font-size: 0.8em;*/
+ text-align: left;
+}
+
+a.seminars-list, a.faculty, td.faculty {
+ color: #ff7200;
+ /*font-size: 0.9em;*/
+ font-weight: bold;
+ text-align: left;
+}
+
+/* seminars end */
+
+div.quote-box {
+ float: left;
+ width: 200px;
+ background-color: #d8f1e0;
+ padding: 5px;
+ margin: 5px 5px 5px 0px;
+}
+
+div.quote-box h6 {
+ /*font-size: 0.9em;*/
+ color: #5f8011;
+ padding: 8px 0 0 0;
+ font-weight: bold;
+ margin: 0;
+ text-transform: capitalize;
+}
+
+div.quote-box p {
+ /*font-size: 0.8em;*/
+ padding: 0;
+ margin: 0;
+}
+
+.announcement, a.announcement {
+ border: #c6808b solid 1px;
+ background-color: #f4e6e8;
+ color: #8d0017;
+ padding: 5px;
+ font-weight: bold;
+ font-size: 1.5em;
+ text-align: center;
+}
+/*
+a.announcement {
+ color: #8d0017;
+}
+*/
+a.wpresent, .wpresent {
+ color: #ff7200;
+ border: #83a4c3 solid 1px;
+ background-color: #f4f8fd;
+ padding: 2px;
+ margin: 2px 2px 2px 2px;
+ /*font-size: 0.7em;*/
+}
+
+.wpresentact {
+ color: #ff7200;
+ border: #83a4c3 solid 1px;
+ background-color: #b8d2ef;
+ font-weight: bold;
+ padding: 2px;
+ margin: 2px;
+}
+
+a.wpresent:hover {
+ color: #ff7200;
+ border: #83a4c3 solid 1px;
+ background-color: #b8d2ef;
+ font-weight: bold;
+}
+
+/* begin cross-browser coloured fake-fieldsets */
+div.fieldset {
+ position: relative;
+ margin-top: 1em;
+}
+
+div.fieldset div.content {
+ padding: 0.75em;
+ overflow: auto;
+ display: table-cell;
+ border: 1px solid #074987;
+ background-color: white;
+}
+
+
+div.fieldset div.legend {
+ position: absolute;
+ top: -0.5em;
+ margin-left: 1em;
+ white-space: nowrap;
+ display: table-cell;
+ padding: 0 0.2em 0 0.2em;
+ font-weight: bolder;
+ z-index: 1;
+ border: black 1px solid;
+ background-color: white;
+}
+
+div.fieldset div.content img {
+ position: relative;
+ padding-bottom: 0.5em;
+}
+
+* html div.fieldset div.legend { width: 100px; }
+
+/* end cross-browser coloured fake-fieldsets */
+
+
+/* new css for tableless div version */
+
+#nav_bar {
+ background-color: #cbdced;
+ height: 17px;
+}
+
+#nav_bar img {
+ vertical-align: middle;
+ margin-top:1px;
+ margin-left:3px;
+}
+
+#collapseHEAD {
+ background: url(http://wwwdev.sanger.ac.uk/header-icons/swoosh/default.gif) no-repeat top left;
+ height:66px;
+}
+
+#collapseHEAD img {
+ float:left;
+}
+
+#sidebar {
+ width:172px;
+}
+
+#sidebar img.img {
+ margin: 0px;
+ border: 0px;
+}
+
+div#navblock {
+ position:absolute;
+ top:83px;
+ left:0px;
+ width:20px;
+}
+
+div#navblock.expanded {
+ width:187px;
+}
+
+div#navblock.collapsed {
+ width:20px;
+}
+
+#login_box {
+ border:1px solid #22408f;
+ background: #cbdceb;
+ padding:3px 3px 3px 13px;
+}
+
+#login_box .field{
+ margin-bottom:3px;
+ width:130px;
+}
+
+#navigation {
+ padding:0px;
+ margin:0px;
+ margin-bottom:1em;
+ border-bottom:1px solid #22408f;
+ border-left:1px solid #22408f;
+ border-right:1px solid #22408f;
+ background: #e7edf3;
+}
+#navigation img {
+ padding:0px;
+ margin:0px;
+}
+
+#collapseFOOT {
+ clear:both;
+ font-size: 0.8em;
+ font-family: Arial,Helvetica,Sans-serif;
+ padding:5px 0px;
+ margin:10px 3px 3px 3px;
+ color:#888;
+ border-top:1px solid #eee;
+}
+
+#collapseFOOT #contact {
+ padding:3px;
+}
+
+#collapseFOOT #contact p {
+ margin: 1px;
+ padding: 0px;
+ display:inline;
+}
+
+#collapseFOOT #contact #email {
+ float:right;
+}
+
+#collapseFOOT #legal {
+ padding: 2px 0px 0px 0px;
+ margin: auto;
+ text-align:center;
+ width:99%;
+}
+
+#collapseFOOT #legal p {
+ color: #aaa;
+ display:inline-block;
+ padding: 0;
+ margin: 0;
+}
+#collapseFOOT #legal .left {
+ float:left;
+ width:33%;
+ text-align:left;
+}
+#collapseFOOT #legal .middle {
+ text-align:center;
+}
+#collapseFOOT #legal .right {
+ text-align:right;
+ width:33%;
+ float:right;
+}
+
+#navtab {
+ position:absolute;
+ top:40px;
+ right:0px;
+ margin:0px;
+ padding:0px;
+}
+
+div#main {
+/* nothing in here, but I think it has to be here to
+ allow the collapsed and expanded classes */
+ margin-left: 20px;
+ padding: 0.5em 1em 1em 1em;
+}
+
+div#main.collapsed {
+ margin-left:188px;
+}
+
+div#main.expanded {
+ margin-left:20px;
+}
+
+div#content {
+ min-height: 400px;
+}
+
+/* end new css for tableless div version */
diff --git a/doc/css/zmap-default.css b/doc/css/zmap-default.css
new file mode 100644
index 000000000..bce7a4c62
--- /dev/null
+++ b/doc/css/zmap-default.css
@@ -0,0 +1,13 @@
+@import url("/stylesheets/stylesheet.css");
+
+
+#zmapContent { color: #333; background: #FFF; font: 100% Verdana; }
+.divLikePre { margin: 10px 0px 10px 0px; padding: 5px; background-color: #EEE; border: 1px #CCC solid; }
+
+div h3 { text-decoration: underline; font: 120% Verdana; font-weight: bold; }
+div pre { margin-left: 15px; margin-right: 10px; padding: 5px; background-color: #EEE; border: 1px #CCC solid; }
+div pre code{ color: red }
+div ul {list-style-image : url(/images/bullet_orange.gif); line-height: 130%; margin-top: 0;}
+div a { text-decoration: none; border-width: 0px 0px 1px 0px; border-style: dotted; color: #000}
+
+//hr {color: #09F; height: 1px; width: 100%;}
--
GitLab