Changeset 13506 for trunk/gsdl3/web/interfaces/default/style/core.css

Timestamp:

2006-12-14T15:42:58+13:00 (17 years ago)

Author:

shaoqun

Message:

added new styles for ul and li tags

File:

• trunk/gsdl3/web/interfaces/default/style/core.css (modified) (5 diffs)

trunk/gsdl3/web/interfaces/default/style/core.css

@@ -1 +1 @@
 
-.bgimage { background-image: url("../images/chalk.gif"); }
+body {
+  padding:0;
+  margin:0;
+  font-family: sans-serif, arial, helvetica;   
+  background-image: url("../images/chalk.gif");
+  background-color: #fff; 
+  color: #000000; 
+}
 
 /* this contains everything - all the other divs */
-#page {
+#globalwrapper {
   margin: 0 3em 0 5em;
+}
+
+a:link
+{
+color: #339966;
+}
+
+a:visited
+{
+color: #066;
+}
+
+a:hover,a:active
+{
+color: #000000;
+}
+
+ul {
+  margin:0;
+  padding:0; 
+  list-style-type: none; 
+}
+
+ul li{
+  margin:0;
+  padding:0;
+  display: inline;
+}
+
+
+ul li>select, ul li>input {
+  margin: 0 0 0 .5em;
+}
+
+
+div#banner {
+  margin: .1em 0 .1em 0;
+  padding:0;
+  overflow: hidden;
+  height: 55px; 
+}
+
+div#banner p {
+  margin:0;
   padding: 0;
-}
-
-#banner {
-  margin: 0 0 5px 0;
-  padding:0;
- 
-}
-
-/* the title set by the receptionist based on the page action */
-p.bannertitle {
-  font-family: sans-serif, arial, helvetica;
+  float:left;
+  width: 49%; 
+  height: 100%;
+  font-size: 2.5em;
+  text-align: left;
+  background-image: url("../images/banner_bg.png");
+  background-repeat: repeat-y;
+  overflow:hidden;  
+}
+
+
+div#banner ul{
+  margin:0;
+  padding:0; 
+  float:right; 
+  width: 49%;
+  text-align: right;    
+  font-size: 70%;  
+}
+
+div#banner a{
+  text-decoration: none;
+  color:#000000;
+}
+
+
+ul#bannerlist li a {
+  padding: 0 10px 0 10px; 
+  text-decoration: none;
+}
+
+ul#bannerlist li a:link, ul#bannerlist li a:visited
+{
+ background-color: #99CC99;
+ background-image: url("../images/bg_off.png") ;
+ text-decoration: none;
+}
+
+ul#bannerlist li a:hover{
+ background-color: #66CC66;
+ background-image: url("../images/bg_on.png") ;
+ text-decoration: none;
+}
+
+
+div#navbar{
+  clear:both;
+}
+
+ul#navbarlist{
+  margin:0;
+  padding:0; 
+  list-style-type: none; 
+  text-align:center;
+  width: 100%;
+  font-size: 80%;
+  background-image: url("../images/bg_green.png");    
+}
+
+ul#navbarlist li a {
+  padding: 0 20px 0 20px; 
+  margin: 0;
+  color: #000000; 
+  text-decoration: none;
+}
+
+ul#navbarlist li a:link, ul#navbarlist li a:visited{
+   background-image: url("../images/bg_off.png") ;
+ }
+
+ul#navbarlist li a:hover{
+  background-image: url("../images/bg_on.png") ;
+}
+
+
+ul#collectionlist li, ul#servicelist li{
+  display:block;
+  padding:0;
+  margin: .2em 0 0 0;
+  overflow:hidden;
+}
+
+
+ul#collectionlist img{
+  margin:0;
+  padding:0;
+  width: 150px;
+  height: 45px;
+  border: 1px solid black;
+  background-image: url("../images/banner_bg.png");
+  background-repeat: repeat-y;
+  overflow:hidden;
+}
+
+
+ul#collectionlist li a{
   font-size: 24px;
-  font-weight: bold;
-  margin: 10px 0 0 0;
-  text-transform: lowercase;
-  white-space: nowrap;
-  padding: 6px 2px 10px 0px;
-  background-repeat: repeat-y;
-  background-position: top right; 
-  background-image: url("../images/banner_bg.png");  
- 
- }
-
-
-
-/* this div contains the bannerlinks and bannertitle paragraphs */
-div.pageinfo {
-  float: right;
-  text-align: right;
+  color: #000000;
+  text-decoration: none;  
+}
+
+ul#servicelist li a{
+  margin:0 .5em 0 0;
+}
+
+ul#queryitemlist li{
+  display:block;
+  margin: .2em 0 .2em 0;
+}
+
+ul#classifierlist{
+   font-size: 16px;
+   text-align: left;
+   float:left;
+   width:14%;
+}
+
+ul#classifierlist li{
+  list-style: none;
+  margin: 0;
+  display: block;
+  color:#000000;
+  
+}
+
+ ul#classifierlist li a:link,ul#classifierlist li a:visited  
+{
+   display:block;
+   padding: 0 0 0 5px;
+   background-image: url("../images/bg_off.png");
+   text-decoration: none; 
+ } 
+
+ul#classifierlist li a:hover,ul#classifierlist li a:active
+{
+  display:block;
+  padding:0 0 0 5px;
+  background-image: url("../images/bg_on.png");
+  text-decoration: none;
+}
+
+div#classifiers{
+  float:right;
+  width: 84%;
+  margin: 0 0 0 .2em;
+}
+
+ul#classifiernodelist li{
+  list-style: none;
+  margin: 0;
   padding: 0;
-  margin:0 0 3px 0; 
-  width: 50%;
-}
-
-
-
-/* home, help, preferences links */
-p.bannerlinks {
-  font-family: sans-serif, arial, helvetica;
-  font-size: 10pt;
-  font-weight: bold;
-  margin:0;
-  padding:0;
-}
-
-/* the image for the collection, shown in the banner */
-div.collectimage {
-  text-align: left;
-  #height: 100%; /* for IE5/6 to make containing div the full height */
-  float: left;
-  width: 45%;
-  padding:0;
-  margin:0;
-}
-
-
-p.collectiontitle {
-  font-family: sans-serif, arial, helvetica;
-  font-size: 24px;
-  font-weight: bold;
-  text-transform: lowercase;
-  white-space: nowrap;
-  padding: 8px 0px 12px 2px;
-  background-repeat: repeat-y;
-  background-position: top left; 
-  margin:0;
+  display: block;
+}
+
+ul.childrenlist{
+  margin: 0 0 0 20px ;
+  padding: 0;
+  display: block;
+}
+
+
+div#content{
+ clear: both;
+ overflow: hidden;
+ margin: .2em 0 0 0;
 }
 
 /* bg image set in style macro */
-div.divbar { /* for "select a collection" */
+div.divbar { 
   clear: both; 
   background-image: url("../images/bg_green.png"); 
-  font-family: arial;
-  font-size: 10pt;
-  font-weight: bold;
-  border: 0;
-  width: 100%; /* for ns4 */
-}
-
-
-/* bg image set in style macro */
-div.navbar {
-  background-image: url("../images/bg_green.png");  
-  min-width: 500px;
-  white-space: nowrap;
-  font-family: sans-serif, arial, helvetica;
-  font-size: 10pt;
-  font-weight: bold;
-  text-transform: lowercase;
-  border: 0;
-  width: 100%; /* for ns4 */
-}
-
-
-p.navbar { /* opt navbar text inside a divbar div */
-  text-align: center; 
-  margin: 0;
-  padding: 0;   
-}
-
-a.collectiontitle {
-  color: black;
-  text-decoration: none;
-}
-
-/* make sure this is shown under the other divs (which may be floating) */
-div.bannerextra {
-   clear: both;
-}
-
-
-/* bg image set in style macro */
-a.navlink {
-  vertical-align: top; 
-  padding: 0 10px 0 10px; 
-  color: black;
-  text-decoration: none;
-  background-image: url("../images/bg_off.png");
-  margin: 0 0 0 20px;
-}
-
-/* bg image set in style macro */
-a.navlink_sel {
-  vertical-align: top;
-  padding: 0 10px 0 10px;
-  color: black;
-  text-decoration: none;
-  background-image: url("../images/bg_green.png"); 
-   margin: 0 0 0 20px;  
-}
-
-a.navlink:visited {
-  color: black;
-}
-
-/* for the nav_ns4.dm macro only (for netscape4 support) */
-a.navlink_ns4 {
-  background-color: #e8d9b1;
-}
-
-a.navlink:hover { 
-   background-image: url("../images/bg_on.png");
- }
-
-
-a.navbar, a:visited.navbar { 
-    text-decoration: none; 
-    font-size: larger; 
-    color:#345437;
-}
-
-a.navbar:hover {
-    color: #cc9900 /* bright yellow */
-}
-
-a[href] {
-    color: #006666; 
-}
-
-a[href]:visited {
-    color: #666633
-}
-
-a[href]:hover {
-    color: #cc9900 /* bright yellow */
-}
-
-div.document {
-  padding: 5px 0 0 0;
-  margin:0;
-}
-
-div.collectionlist{
-  padding:0;
-  margin: .5em 0 .5em 0;
-}
-
-div.collectionitem{
-  padding: 0;
-  margin: .5em 0 0 0;
-}
-
-div.servicelist{
-
-}
-
-div.serviceitem{
-  padding: 0;
-  margin: .2em 0 0 0;
-} 
-
-/* bg image set in style macro */
-a.servicelink {
-  vertical-align: top; 
-  color: black;
-  text-decoration: none;
-  background-image: url("../images/bg_off.png");
-}
-
-/* bg image set in style macro */
-a.servicelink_sel {
-  vertical-align: top;
-  color: black;
-  text-decoration: none;
-  background-image: url("../images/bg_green.png");  
-}
-
-a.servicelink:visited {
-  color: black;
-}
-a.servicelink {
-  vertical-align: top; 
-  color: black;
-  text-decoration: none;
-  background-image: url("../images/bg_off.png");
-}
-
-/* bg image set in style macro */
-a.servicelink_sel {
-  vertical-align: top;
-  color: black;
-  text-decoration: none;
-  background-image: url("../images/bg_green.png");  
-}
-
-a.servicelink:visited {
-  color: black;
-}
-
-a.servicelink:hover { 
-   background-image: url("../images/bg_on.png");
- }
-
-div.classifierlist{
+  width: 100%; 
   text-align: center;
-  padding:0;
-  margin: 1em 0 1em 0 ;
-}
-
-div.classifieritem{
-  display:inline;
-  padding:0;
-  margin: 0  0 0 3em;
-}
-
-/** classifier link */
-a.classifierlink {
-   color: #006666;     
-}
-
-a.classiferlink:visited {
-   color: #666633;
-}
-
-a.classiferlink:hover{
- color: #cc9900 /* bright yellow */
-}
-
-
-div.classifiernodes{
-  margin: 0;
-  padding: 0;
-}
-
-div.h-classifiernodes{
-
-}
-
-div.classifiernode{
-  margin: .4em 0 .4em 2em;
-  padding: 0;
-}
-
-span.classifiertitle{
-  margin: 0 0 0 0;
-  padding: 0;
-
-}
-
-span.leftspace{
-  padding:0;
-  margin: 0 0 0 .5em;       
-}
-
-span.rightspace{
-  padding:0;
-  margin: 0 .5em 0 0;       
+  font-size:80%;
 }
 
 
 /** query form style**/
-div.queryform{
-
-}
-
-div.queryitemlist{
- font-size: 16px;
- margin: .5em 0 .5em 0;
- padding:0;
-    
-}
-
-div.queryitem{
-  margin: .2em 0 .2em 0;
-  padding:0;  
-}
-
-span.queryitemname{
-  padding:0 .2em 0 0;
-  margin:0; 
-}
-
-span.queryitemvalues{
-
-}
-
-div.queryfieldlist{
-  margin: 1em 0 1em 0;
-  padding:0;
-}
-
-tr.queryfieldheading{
-
-}
-
-tr.queryfieldrow{
- 
-}
- 
-tr.queryfieldcell{
- 
-}
-
-td.queryfieldname{
- 
+div#queryform{
+
 }
 
 /** search result style */
-div.terminfo{
-
-}
-
-div.matchdocs{
+div#terminfo{
+
+}
+
+div#matchdocs{
 
 }
@@ -357 +253 @@
 }
 
-table.resultlist{
- margin: 0;
- padding:0;
-}
-
-tr.resultitem{
- margin: 0;
- padding:0;
-}
-
-img.displayicon{
-  padding:0;
-  margin:0;
-  
-}
-
-span.textselect { white-space: nowrap; }
+ul#resultlist li{
+  display:block;
+}
+
 
 div.documenttext { clear: both; } /* come after any floating divs */
 
-div.documentheading{
+div#documentheading{
   font-size: 16pt;
   font-weight: bold;
 }
 
-div.documentinfo { 
+div#documentinfo { 
   float:left;
   padding:0;
@@ -389 +272 @@
 } 
 
-div.toc{
+div#toc{
   float:right;
   text-align:left;
   width:75%;
   padding:0;
-  margin:0; 
-}
-
-
-div.docbuttons { /* expand/contract etc "buttons" */
-  /* don't put next to another float on our left-hand side */
-   margin: .5em 0 0 0; 
-}
-
-
-div.docbutton {
+  margin:0 0 0 .5em; 
+}
+
+ul#docbuttons li {
+   display: block;
   font-size: 11px;
   font-weight: bold;
-  line-height: 1.2em;
-  /*background: #ffeecc; */
   background: #f7e7c5;
   margin: 1px;
@@ -419 +294 @@
 
 
-span.docbutton {}
-span.docbutton a { text-decoration: none; color: black; }
-
-div.tocnodes{
-  margin: 0 0 0 -2em;
-  padding: 0;
-
-}
-
-div.tocnode{
-   margin: .4em 0 .4em 2em;
-   padding: 0;
-}
+ul#tocnodes li{
+ display:block;
+}
+
+ul.tocnode {
+  margin: 5px 0 0 20px;
+  padding:0;
+}
+
+ul.tocnode  a{
+ margin: 0 5px 0 0;
+}
+
 
 div.documentarrows{
@@ -456 +331 @@
 }
 
-div.presprefs{
-
+ul#presprefs li, ul#berrybasketprefs li, ul#searchprefs li{
+  display: block;
 } 
 
-div.berrybasketprefs{
-margin: .5em 0 0;
-}
-
-div.searchprefs{
-
-}
 
 div.phrasebrowse{