Changeset 13506


Ignore:
Timestamp:
2006-12-14T15:42:58+13:00 (16 years ago)
Author:
shaoqun
Message:

added new styles for ul and li tags

Location:
trunk/gsdl3/web/interfaces
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/gsdl3/web/interfaces/classic/style/classic2.css

    r13260 r13506  
    1 div.terminfo{
    2 
     1ul {
     2  margin:0;
     3  padding:0;
     4  list-style-type: none;
    35}
    46
    5 div.matchdocs{
    6 
     7ul li{
     8  margin:0;
     9  padding:0;
     10  display: inline;
    711}
    812
    9 div.classifiernodes{
    10   margin: 0 ;
    11   padding: 0;
    12 }
    13 
    14 div.h-classifiernodes{
    15 
    16 }
    17 
    18 div.classifiernode{
    19   margin: .4em 0 .4em 2em;
    20   padding: 0;
     13ul#resultlist li{
     14  display:block;
    2115}
    2216
    2317
    24 div.resultnavigation{
    25  margin: 0;
    26  padding:0;
     18ul#classifiernodelist li{
     19  list-style: none;
     20  margin: 0;
     21  padding: 0;
     22  display: block;
    2723}
    2824
    29 table.resultlist{
    30  margin: 0;
    31  padding:0;
     25ul.childrenlist{
     26  margin: 0 0 0 20px ;
     27  padding: 0;
     28  display: block;
    3229}
    33 
    34 tr.resultitem{
    35  margin: 0;
    36  padding:0;
    37 }
  • trunk/gsdl3/web/interfaces/default/style/core.css

    r13276 r13506  
    11
    2 .bgimage { background-image: url("../images/chalk.gif"); }
     2body {
     3  padding:0;
     4  margin:0;
     5  font-family: sans-serif, arial, helvetica;   
     6  background-image: url("../images/chalk.gif");
     7  background-color: #fff;
     8  color: #000000;
     9}
    310
    411/* this contains everything - all the other divs */
    5 #page {
     12#globalwrapper {
    613  margin: 0 3em 0 5em;
     14}
     15
     16a:link
     17{
     18color: #339966;
     19}
     20
     21a:visited
     22{
     23color: #066;
     24}
     25
     26a:hover,a:active
     27{
     28color: #000000;
     29}
     30
     31ul {
     32  margin:0;
     33  padding:0;
     34  list-style-type: none;
     35}
     36
     37ul li{
     38  margin:0;
     39  padding:0;
     40  display: inline;
     41}
     42
     43
     44ul li>select, ul li>input {
     45  margin: 0 0 0 .5em;
     46}
     47
     48
     49div#banner {
     50  margin: .1em 0 .1em 0;
     51  padding:0;
     52  overflow: hidden;
     53  height: 55px;
     54}
     55
     56div#banner p {
     57  margin:0;
    758  padding: 0;
    8 }
    9 
    10 #banner {
    11   margin: 0 0 5px 0;
    12   padding:0;
    13  
    14 }
    15 
    16 /* the title set by the receptionist based on the page action */
    17 p.bannertitle {
    18   font-family: sans-serif, arial, helvetica;
     59  float:left;
     60  width: 49%;
     61  height: 100%;
     62  font-size: 2.5em;
     63  text-align: left;
     64  background-image: url("../images/banner_bg.png");
     65  background-repeat: repeat-y;
     66  overflow:hidden; 
     67}
     68
     69
     70div#banner ul{
     71  margin:0;
     72  padding:0;
     73  float:right;
     74  width: 49%;
     75  text-align: right;   
     76  font-size: 70%; 
     77}
     78
     79div#banner a{
     80  text-decoration: none;
     81  color:#000000;
     82}
     83
     84
     85ul#bannerlist li a {
     86  padding: 0 10px 0 10px;
     87  text-decoration: none;
     88}
     89
     90ul#bannerlist li a:link, ul#bannerlist li a:visited
     91{
     92 background-color: #99CC99;
     93 background-image: url("../images/bg_off.png") ;
     94 text-decoration: none;
     95}
     96
     97ul#bannerlist li a:hover{
     98 background-color: #66CC66;
     99 background-image: url("../images/bg_on.png") ;
     100 text-decoration: none;
     101}
     102
     103
     104div#navbar{
     105  clear:both;
     106}
     107
     108ul#navbarlist{
     109  margin:0;
     110  padding:0;
     111  list-style-type: none;
     112  text-align:center;
     113  width: 100%;
     114  font-size: 80%;
     115  background-image: url("../images/bg_green.png");   
     116}
     117
     118ul#navbarlist li a {
     119  padding: 0 20px 0 20px;
     120  margin: 0;
     121  color: #000000;
     122  text-decoration: none;
     123}
     124
     125ul#navbarlist li a:link, ul#navbarlist li a:visited{
     126   background-image: url("../images/bg_off.png") ;
     127 }
     128
     129ul#navbarlist li a:hover{
     130  background-image: url("../images/bg_on.png") ;
     131}
     132
     133
     134ul#collectionlist li, ul#servicelist li{
     135  display:block;
     136  padding:0;
     137  margin: .2em 0 0 0;
     138  overflow:hidden;
     139}
     140
     141
     142ul#collectionlist img{
     143  margin:0;
     144  padding:0;
     145  width: 150px;
     146  height: 45px;
     147  border: 1px solid black;
     148  background-image: url("../images/banner_bg.png");
     149  background-repeat: repeat-y;
     150  overflow:hidden;
     151}
     152
     153
     154ul#collectionlist li a{
    19155  font-size: 24px;
    20   font-weight: bold;
    21   margin: 10px 0 0 0;
    22   text-transform: lowercase;
    23   white-space: nowrap;
    24   padding: 6px 2px 10px 0px;
    25   background-repeat: repeat-y;
    26   background-position: top right;
    27   background-image: url("../images/banner_bg.png"); 
    28  
    29  }
    30 
    31 
    32 
    33 /* this div contains the bannerlinks and bannertitle paragraphs */
    34 div.pageinfo {
    35   float: right;
    36   text-align: right;
     156  color: #000000;
     157  text-decoration: none; 
     158}
     159
     160ul#servicelist li a{
     161  margin:0 .5em 0 0;
     162}
     163
     164ul#queryitemlist li{
     165  display:block;
     166  margin: .2em 0 .2em 0;
     167}
     168
     169ul#classifierlist{
     170   font-size: 16px;
     171   text-align: left;
     172   float:left;
     173   width:14%;
     174}
     175
     176ul#classifierlist li{
     177  list-style: none;
     178  margin: 0;
     179  display: block;
     180  color:#000000;
     181 
     182}
     183
     184 ul#classifierlist li a:link,ul#classifierlist li a:visited 
     185{
     186   display:block;
     187   padding: 0 0 0 5px;
     188   background-image: url("../images/bg_off.png");
     189   text-decoration: none;
     190 }
     191
     192ul#classifierlist li a:hover,ul#classifierlist li a:active
     193{
     194  display:block;
     195  padding:0 0 0 5px;
     196  background-image: url("../images/bg_on.png");
     197  text-decoration: none;
     198}
     199
     200div#classifiers{
     201  float:right;
     202  width: 84%;
     203  margin: 0 0 0 .2em;
     204}
     205
     206ul#classifiernodelist li{
     207  list-style: none;
     208  margin: 0;
    37209  padding: 0;
    38   margin:0 0 3px 0;
    39   width: 50%;
    40 }
    41 
    42 
    43 
    44 /* home, help, preferences links */
    45 p.bannerlinks {
    46   font-family: sans-serif, arial, helvetica;
    47   font-size: 10pt;
    48   font-weight: bold;
    49   margin:0;
    50   padding:0;
    51 }
    52 
    53 /* the image for the collection, shown in the banner */
    54 div.collectimage {
    55   text-align: left;
    56   #height: 100%; /* for IE5/6 to make containing div the full height */
    57   float: left;
    58   width: 45%;
    59   padding:0;
    60   margin:0;
    61 }
    62 
    63 
    64 p.collectiontitle {
    65   font-family: sans-serif, arial, helvetica;
    66   font-size: 24px;
    67   font-weight: bold;
    68   text-transform: lowercase;
    69   white-space: nowrap;
    70   padding: 8px 0px 12px 2px;
    71   background-repeat: repeat-y;
    72   background-position: top left;
    73   margin:0;
     210  display: block;
     211}
     212
     213ul.childrenlist{
     214  margin: 0 0 0 20px ;
     215  padding: 0;
     216  display: block;
     217}
     218
     219
     220div#content{
     221 clear: both;
     222 overflow: hidden;
     223 margin: .2em 0 0 0;
    74224}
    75225
    76226/* bg image set in style macro */
    77 div.divbar { /* for "select a collection" */
     227div.divbar {
    78228  clear: both;
    79229  background-image: url("../images/bg_green.png");
    80   font-family: arial;
    81   font-size: 10pt;
    82   font-weight: bold;
    83   border: 0;
    84   width: 100%; /* for ns4 */
    85 }
    86 
    87 
    88 /* bg image set in style macro */
    89 div.navbar {
    90   background-image: url("../images/bg_green.png"); 
    91   min-width: 500px;
    92   white-space: nowrap;
    93   font-family: sans-serif, arial, helvetica;
    94   font-size: 10pt;
    95   font-weight: bold;
    96   text-transform: lowercase;
    97   border: 0;
    98   width: 100%; /* for ns4 */
    99 }
    100 
    101 
    102 p.navbar { /* opt navbar text inside a divbar div */
    103   text-align: center;
    104   margin: 0;
    105   padding: 0;   
    106 }
    107 
    108 a.collectiontitle {
    109   color: black;
    110   text-decoration: none;
    111 }
    112 
    113 /* make sure this is shown under the other divs (which may be floating) */
    114 div.bannerextra {
    115    clear: both;
    116 }
    117 
    118 
    119 /* bg image set in style macro */
    120 a.navlink {
    121   vertical-align: top;
    122   padding: 0 10px 0 10px;
    123   color: black;
    124   text-decoration: none;
    125   background-image: url("../images/bg_off.png");
    126   margin: 0 0 0 20px;
    127 }
    128 
    129 /* bg image set in style macro */
    130 a.navlink_sel {
    131   vertical-align: top;
    132   padding: 0 10px 0 10px;
    133   color: black;
    134   text-decoration: none;
    135   background-image: url("../images/bg_green.png");
    136    margin: 0 0 0 20px; 
    137 }
    138 
    139 a.navlink:visited {
    140   color: black;
    141 }
    142 
    143 /* for the nav_ns4.dm macro only (for netscape4 support) */
    144 a.navlink_ns4 {
    145   background-color: #e8d9b1;
    146 }
    147 
    148 a.navlink:hover {
    149    background-image: url("../images/bg_on.png");
    150  }
    151 
    152 
    153 a.navbar, a:visited.navbar {
    154     text-decoration: none;
    155     font-size: larger;
    156     color:#345437;
    157 }
    158 
    159 a.navbar:hover {
    160     color: #cc9900 /* bright yellow */
    161 }
    162 
    163 a[href] {
    164     color: #006666;
    165 }
    166 
    167 a[href]:visited {
    168     color: #666633
    169 }
    170 
    171 a[href]:hover {
    172     color: #cc9900 /* bright yellow */
    173 }
    174 
    175 div.document {
    176   padding: 5px 0 0 0;
    177   margin:0;
    178 }
    179 
    180 div.collectionlist{
    181   padding:0;
    182   margin: .5em 0 .5em 0;
    183 }
    184 
    185 div.collectionitem{
    186   padding: 0;
    187   margin: .5em 0 0 0;
    188 }
    189 
    190 div.servicelist{
    191 
    192 }
    193 
    194 div.serviceitem{
    195   padding: 0;
    196   margin: .2em 0 0 0;
    197 }
    198 
    199 /* bg image set in style macro */
    200 a.servicelink {
    201   vertical-align: top;
    202   color: black;
    203   text-decoration: none;
    204   background-image: url("../images/bg_off.png");
    205 }
    206 
    207 /* bg image set in style macro */
    208 a.servicelink_sel {
    209   vertical-align: top;
    210   color: black;
    211   text-decoration: none;
    212   background-image: url("../images/bg_green.png"); 
    213 }
    214 
    215 a.servicelink:visited {
    216   color: black;
    217 }
    218 a.servicelink {
    219   vertical-align: top;
    220   color: black;
    221   text-decoration: none;
    222   background-image: url("../images/bg_off.png");
    223 }
    224 
    225 /* bg image set in style macro */
    226 a.servicelink_sel {
    227   vertical-align: top;
    228   color: black;
    229   text-decoration: none;
    230   background-image: url("../images/bg_green.png"); 
    231 }
    232 
    233 a.servicelink:visited {
    234   color: black;
    235 }
    236 
    237 a.servicelink:hover {
    238    background-image: url("../images/bg_on.png");
    239  }
    240 
    241 div.classifierlist{
     230  width: 100%;
    242231  text-align: center;
    243   padding:0;
    244   margin: 1em 0 1em 0 ;
    245 }
    246 
    247 div.classifieritem{
    248   display:inline;
    249   padding:0;
    250   margin: 0  0 0 3em;
    251 }
    252 
    253 /** classifier link */
    254 a.classifierlink {
    255    color: #006666;     
    256 }
    257 
    258 a.classiferlink:visited {
    259    color: #666633;
    260 }
    261 
    262 a.classiferlink:hover{
    263  color: #cc9900 /* bright yellow */
    264 }
    265 
    266 
    267 div.classifiernodes{
    268   margin: 0;
    269   padding: 0;
    270 }
    271 
    272 div.h-classifiernodes{
    273 
    274 }
    275 
    276 div.classifiernode{
    277   margin: .4em 0 .4em 2em;
    278   padding: 0;
    279 }
    280 
    281 span.classifiertitle{
    282   margin: 0 0 0 0;
    283   padding: 0;
    284 
    285 }
    286 
    287 span.leftspace{
    288   padding:0;
    289   margin: 0 0 0 .5em;       
    290 }
    291 
    292 span.rightspace{
    293   padding:0;
    294   margin: 0 .5em 0 0;       
     232  font-size:80%;
    295233}
    296234
    297235
    298236/** query form style**/
    299 div.queryform{
    300 
    301 }
    302 
    303 div.queryitemlist{
    304  font-size: 16px;
    305  margin: .5em 0 .5em 0;
    306  padding:0;
    307    
    308 }
    309 
    310 div.queryitem{
    311   margin: .2em 0 .2em 0;
    312   padding:0; 
    313 }
    314 
    315 span.queryitemname{
    316   padding:0 .2em 0 0;
    317   margin:0;
    318 }
    319 
    320 span.queryitemvalues{
    321 
    322 }
    323 
    324 div.queryfieldlist{
    325   margin: 1em 0 1em 0;
    326   padding:0;
    327 }
    328 
    329 tr.queryfieldheading{
    330 
    331 }
    332 
    333 tr.queryfieldrow{
    334  
    335 }
    336  
    337 tr.queryfieldcell{
    338  
    339 }
    340 
    341 td.queryfieldname{
    342  
     237div#queryform{
     238
    343239}
    344240
    345241/** search result style */
    346 div.terminfo{
    347 
    348 }
    349 
    350 div.matchdocs{
     242div#terminfo{
     243
     244}
     245
     246div#matchdocs{
    351247
    352248}
     
    357253}
    358254
    359 table.resultlist{
    360  margin: 0;
    361  padding:0;
    362 }
    363 
    364 tr.resultitem{
    365  margin: 0;
    366  padding:0;
    367 }
    368 
    369 img.displayicon{
    370   padding:0;
    371   margin:0;
    372  
    373 }
    374 
    375 span.textselect { white-space: nowrap; }
     255ul#resultlist li{
     256  display:block;
     257}
     258
    376259
    377260div.documenttext { clear: both; } /* come after any floating divs */
    378261
    379 div.documentheading{
     262div#documentheading{
    380263  font-size: 16pt;
    381264  font-weight: bold;
    382265}
    383266
    384 div.documentinfo {
     267div#documentinfo {
    385268  float:left;
    386269  padding:0;
     
    389272}
    390273
    391 div.toc{
     274div#toc{
    392275  float:right;
    393276  text-align:left;
    394277  width:75%;
    395278  padding:0;
    396   margin:0;
    397 }
    398 
    399 
    400 div.docbuttons { /* expand/contract etc "buttons" */
    401   /* don't put next to another float on our left-hand side */
    402    margin: .5em 0 0 0;
    403 }
    404 
    405 
    406 div.docbutton {
     279  margin:0 0 0 .5em;
     280}
     281
     282ul#docbuttons li {
     283   display: block;
    407284  font-size: 11px;
    408285  font-weight: bold;
    409   line-height: 1.2em;
    410   /*background: #ffeecc; */
    411286  background: #f7e7c5;
    412287  margin: 1px;
     
    419294
    420295
    421 span.docbutton {}
    422 span.docbutton a { text-decoration: none; color: black; }
    423 
    424 div.tocnodes{
    425   margin: 0 0 0 -2em;
    426   padding: 0;
    427 
    428 }
    429 
    430 div.tocnode{
    431    margin: .4em 0 .4em 2em;
    432    padding: 0;
    433 }
     296ul#tocnodes li{
     297 display:block;
     298}
     299
     300ul.tocnode {
     301  margin: 5px 0 0 20px;
     302  padding:0;
     303}
     304
     305ul.tocnode  a{
     306 margin: 0 5px 0 0;
     307}
     308
    434309
    435310div.documentarrows{
     
    456331}
    457332
    458 div.presprefs{
    459 
     333ul#presprefs li, ul#berrybasketprefs li, ul#searchprefs li{
     334  display: block;
    460335}
    461336
    462 div.berrybasketprefs{
    463 margin: .5em 0 0;
    464 }
    465 
    466 div.searchprefs{
    467 
    468 }
    469337
    470338div.phrasebrowse{
Note: See TracChangeset for help on using the changeset viewer.