Ignore:
Timestamp:
2011-03-15T16:13:12+13:00 (13 years ago)
Author:
davidb
Message:

Two new interfaces - 'default' now tries to use the client's XSLT capabilities of the web browser, falling back to the 'traditional' interface if this fails.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • main/trunk/greenstone3/web/interfaces/default/style/core.css

    r18616 r23779  
    1 
    2 body {
    3   padding:0;
    4   margin:0;
    5   font-family: sans-serif, arial, helvetica;   
    6   background: #fff url('../images/chalk.gif') scroll repeat-y left top;
    7   color: #000000
    8 }
    9 
    10 /* this contains everything - all the other divs */
    11 #page-wrapper {
    12   margin: .5em 3em 0 5em;
    13 }
    14 
    15 a:link
    16 {
    17 color: #339966;
    18 }
    19 
    20 a:visited
    21 {
    22 color: #066;
    23 }
    24 
    25 a:hover, a:active
    26 {
    27 color: #99CC33;
    28 }
    29 
    30 div#banner ul, ul#resultlist, ul#tocnodes, ul#docbuttons, ul.tocnode, ul#bannerlist, ul#navbarlist, ul#collectionlist, ul#servicelist, ul#classifierlist, ul#classifiernodelist, ul#queryitemlist{
    31   list-style-type:none;
    32   margin:0;
    33   padding:0;
    34 }
    35 
    36 div#banner ul li, ul#bannerlist li, ul#navbarlist li {
    37   display: inline;
    38   margin:0;
    39   padding:0;   
    40 }
    41 
    42 
    43 ul li>select, ul li>input {
    44   padding: 0;
    45   margin-left:5px;
    46 }
    47 
    48 
    49 div#banner {
    50   margin: 0;
    51   padding:0;
    52   overflow: hidden;
    53 }
    54 
    55 div#banner p {
    56   margin:0;
    57   padding: 0;
    58   float:left;
    59   font-size: 16px;
    60   text-align: left;
    61   overflow:hidden   
    62 }
    63 
    64 div#banner p a {
    65   background-image: url('../images/banner_bg.png');
    66   background-repeat: repeat-y;
    67 }
    68 
    69 
    70 div#banner ul{
    71   margin:0;
    72   padding:0;
    73   float:right;
    74   font-size: 12px; 
    75 }
    76 
    77 div#banner a{
    78   text-decoration: none;
    79   color:#000000;
    80 }
    81 
    82 
    83 ul#bannerlist li a {
    84   padding: 0 10px 0 10px;
    85   text-decoration: none;
    86 }
    87 
    88 ul#bannerlist li a:link, ul#bannerlist li a:visited
    89 {
    90  background-color: #DEE79C;
    91  background-image: url('../images/bg_off.png');
    92  text-decoration: none
    93 }
    94 
    95 ul#bannerlist li a:hover{
    96  background-color: #FFFF66;
    97  background-image: url('../images/bg_on.png') ;
    98  text-decoration: none
    99 }
    100 
    101 
    102 div#navbar{
    103   clear:both;
    104 }
    105 
    106 ul#navbarlist{
    107   margin:0;
    108   padding:0;
    109   list-style-type: none;
    110   text-align:center;
    111   width: 100%;
    112   font-size: 80%;
    113   background-image: url('../images/bg_green.png');   
    114   background-color: #99CC99
    115  }
    116 
    117 ul#navbarlist li a {
    118   padding: 0 20px 0 20px;
    119   margin: 0;
    120   color: #000000;
    121   text-decoration: none;
    122 }
    123 
    124 ul#navbarlist li a:link, ul#navbarlist li a:visited{
    125    background-image: url('../images/bg_off.png') ;
    126  }
    127 
    128 ul#navbarlist li a:hover{
    129   background-image: url('../images/bg_on.png') ;
    130 }
    131 
    132 
    133 ul#collectionlist li, ul#servicelist li{
    134   display:block;
    135   padding:0;
    136   margin: .2em 0 0 0;
    137   overflow:hidden;
    138 }
    139 
    140 
    141 ul#collectionlist img{
    142   margin:0;
    143   padding:0;
    144   width: 150px;
    145   height: 45px;
    146   border: 1px solid black;
    147   background-image: url('../images/collectimg_bg.png');
    148   background-repeat: repeat-y;
    149   overflow:hidden
    150 }
    151 
    152 ul#collectionlist li a.noimage{
    153   display: block;
    154   margin:0;
    155   width: 145px;
    156   height: 40px;
    157   border: 1px solid black;
    158   background-image: url('../images/collectimg_bg.png');
    159   background-repeat: repeat-y;
    160   overflow:hidden; padding-left:5px; padding-right:0; padding-top:5px; padding-bottom:0
    161 
    162 }
    163 
    164 ul#collectionlist li a{
    165   font-size: 16px;
    166   color: #000000;
    167   text-decoration: none; 
    168   font-weight: bold;
    169 }
    170 
    171 ul#servicelist li a{
    172   margin:0 .5em 0 0;
    173 }
    174 
    175 ul#queryitemlist li{
    176   display:block;
    177   margin: .2em 0 .2em 0;
    178 }
    179 
    180 ul#classifierlist li{
    181   list-style: none;
    182   margin: 0 0 5px 0;
    183   padding: 0;
    184   display: block;
    185   color:#000;
    186 }
    187 
    188 ul#classifierlist li#activeclassifier{
    189   font-weight:bold;
    190   padding: 0 0 0 5px;
    191   margin:0 0 5px 0;
    192 }
    193 
    194  ul#classifierlist li a:link, ul#classifierlist li a:visited 
    195 {
    196    display:block;
    197    margin:0;
    198    background-image: url('../images/bg_off.png');
    199    text-decoration: none;
    200    color:#000;
    201    width:100%; padding-left:5px; padding-right:0; padding-top:2px; padding-bottom:2px
    202  }
    203 
    204 ul#classifierlist li a:hover, ul#classifierlist li a:active
    205 {
    206   display:block;
    207   margin:0;
    208   background-image: url('../images/bg_on.png');
    209   text-decoration: none; padding-left:5px; padding-right:0; padding-top:2px; padding-bottom:2px
    210  
    211 }
    212 
    213 ul#classifierlist{
    214    float:left;
    215    font-size: 14px;
    216    text-align: left;
    217    width: 15%;
    218    margin:0;
    219    padding:0;
    220 }
    221 
    222 div#classifiers{
    223   float:left;
    224   width: 75%;
    225   margin:0;
    226   padding:0 0 0 10px;
    227  }
    228 
    229 ul#classifiernodelist li{
    230   list-style: none;
    231   margin: 0;
    232   padding: 5px 0 0 0;
    233   display: block;
    234  }
    235 
    236 ul.childrenlist{
    237   margin: 0 0 0 0;
    238   padding: 0 0 0 20px;
    239   display: block;
    240   width: 100%;
    241 }
    242 
    243 div#content{
    244  clear: both;
    245  overflow: hidden;
    246  margin: .2em 0 0 0;
    247 }
    248 
    249 /* bg image set in style macro */
    250 div.divbar {
    251   clear: both;
    252   background-image: url('../images/bg_green.png');
    253   width: 100%;
    254   text-align: center;
    255   font-size:80%
    256 }
    257 
    258 
    259 /** query form style**/
    260 div#queryform{
    261 
    262 }
    263 
    264 /** search result style */
    265 div#terminfo{
    266 
    267 }
    268 
    269 div#matchdocs{
    270 
    271 }
    272 
    273 div.resultnavigation{
    274  margin: 0;
    275  padding:0;
    276 }
    277 
    278 ul#resultlist li{
    279   display:block;
    280 }
    281 
    282 
    283 div.documenttext { clear: both; } /* come after any floating divs */
    284 
    285 div#documentheading{
    286   font-size: 16pt;
    287   font-weight: bold;
    288 }
    289 
    290 div#documentinfo {
    291   float:left;
    292   padding:0;
    293   margin:0;
    294   width:24%;
    295 }
    296 
    297 div#toc{
    298   float:left;
    299   text-align:left;
    300   width:60%;
    301   padding:0;
    302   margin:0;
    303 }
    304 
    305 ul#docbuttons li {
    306    display: block;
    307   font-size: 11px;
    308   font-weight: bold;
    309   background: #f7e7c5;
    310   margin: 1px;
    311   border: 1px solid #eeddbb;
    312   text-align: center;
    313   vertical-align: middle;
    314   height: 30px; /* IE6 and NS4 treat width/height as min-width/min-height */
    315   width: 110px;
    316 }
    317 
    318 
    319 ul#tocnodes li{
    320  margin: 0;
    321  padding: 5px 0 0 0;
    322  display:block;
    323 }
    324 
    325 ul.tocnode {
    326   margin:0;
    327   padding:5px 0 0 20px;
    328 }
    329 
    330 ul.tocnode  a{
    331  margin: 0;
    332  padding:0 5px 0 0;
    333  }
    334 
    335 span.bold{
    336   font-weight: bold;       
    337 }
    338 
    339 div.documentarrows{
    340   clear: both;
    341   margin: 0 0 0 0;
    342   padding: 1em 0 0 0;   
    343 }
    344 
    345 img.lessarrow{
    346   float:left;
    347   border: none; 
    348 }
    349 
    350 img.morearrow{
    351   float:right;
    352   border:none;
    353 }
    354 
    355 div.formheading{
    356   font-size: 16pt;
    357   font-weight: bold;
    358   margin: .5em 0 0;
    359   padding:0;
    360 }
    361 
    362 ul#presprefs li, ul#berrybasketprefs li, ul#searchprefs li{
    363   display: block;
    364 }
    365 
    366 
    367 div.phrasebrowse{
    368   text-align:center;
    369   padding:0;
    370   margin: .5em 0 .5em 0;   
    371 }
    372 
    373 div.QuickSearch {
    374   float: right;
    375 }
    376 
     1body{padding:0;margin:0;font-family:sans-serif,arial,helvetica;background:#fff url('../images/chalk.gif') scroll repeat-y left top;color:#000}#page-wrapper{margin:.5em 3em 0 5em}a:link{color:#396}a:visited{color:#066}a:hover,a:active{color:#9c3}div#banner ul,ul#resultlist,ul#tocnodes,ul#docbuttons,ul.tocnode,ul#bannerlist,ul#navbarlist,ul#collectionlist,ul#servicelist,ul#classifierlist,ul#classifiernodelist,ul#queryitemlist{list-style-type:none;margin:0;padding:0}div#banner ul li,ul#bannerlist li,ul#navbarlist li{display:inline;margin:0;padding:0}ul li>select,ul li>input{padding:0;margin-left:5px}div#banner{margin:0;padding:0;overflow:hidden}div#banner p{margin:0;padding:0;float:left;font-size:16px;text-align:left;overflow:hidden}div#banner p a{background-image:url('../images/banner_bg.png');background-repeat:repeat-y}div#banner ul{margin:0;padding:0;float:right;font-size:12px}div#banner a{text-decoration:none;color:#000}ul#bannerlist li a{padding:0 10px 0 10px;text-decoration:none}ul#bannerlist li a:link,ul#bannerlist li a:visited{background-color:#dee79c;background-image:url('../images/bg_off.png');text-decoration:none}ul#bannerlist li a:hover{background-color:#ff6;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');background-color:#9c9}ul#navbarlist li a{padding:0 20px 0 20px;margin:0;color:#000;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/collectimg_bg.png');background-repeat:repeat-y;overflow:hidden}ul#collectionlist li a.noimage{display:block;margin:0;width:145px;height:40px;border:1px solid black;background-image:url('../images/collectimg_bg.png');background-repeat:repeat-y;overflow:hidden;padding-left:5px;padding-right:0;padding-top:5px;padding-bottom:0}ul#collectionlist li a{font-size:16px;color:#000;text-decoration:none;font-weight:bold}ul#servicelist li a{margin:0 .5em 0 0}ul#queryitemlist li{display:block;margin:.2em 0 .2em 0}ul#classifierlist li{list-style:none;margin:0 0 5px 0;padding:0;display:block;color:#000}ul#classifierlist li#activeclassifier{font-weight:bold;padding:0 0 0 5px;margin:0 0 5px 0}ul#classifierlist li a:link,ul#classifierlist li a:visited{display:block;margin:0;background-image:url('../images/bg_off.png');text-decoration:none;color:#000;width:100%;padding-left:5px;padding-right:0;padding-top:2px;padding-bottom:2px}ul#classifierlist li a:hover,ul#classifierlist li a:active{display:block;margin:0;background-image:url('../images/bg_on.png');text-decoration:none;padding-left:5px;padding-right:0;padding-top:2px;padding-bottom:2px}ul#classifierlist{float:left;font-size:14px;text-align:left;width:15%;margin:0;padding:0}div#classifiers{float:left;width:75%;margin:0;padding:0 0 0 10px}ul#classifiernodelist li{list-style:none;margin:0;padding:5px 0 0 0;display:block}ul.childrenlist{margin:0;padding:0 0 0 20px;display:block;width:100%}div#content{clear:both;overflow:hidden;margin:.2em 0 0 0}div.divbar{clear:both;background-image:url('../images/bg_green.png');width:100%;text-align:center;font-size:80%}div.resultnavigation{margin:0;padding:0}ul#resultlist li{display:block}div.documenttext{clear:both}div#documentheading{font-size:16pt;font-weight:bold}div#documentinfo{float:left;padding:0;margin:0;width:24%}div#toc{float:left;text-align:left;width:60%;padding:0;margin:0}ul#docbuttons li{display:block;font-size:11px;font-weight:bold;background:#f7e7c5;margin:1px;border:1px solid #edb;text-align:center;vertical-align:middle;height:30px;width:110px}ul#tocnodes li{margin:0;padding:5px 0 0 0;display:block}ul.tocnode{margin:0;padding:5px 0 0 20px}ul.tocnode a{margin:0;padding:0 5px 0 0}span.bold{font-weight:bold}div.documentarrows{clear:both;margin:0;padding:1em 0 0 0}img.lessarrow{float:left;border:none}img.morearrow{float:right;border:none}div.formheading{font-size:16pt;font-weight:bold;margin:.5em 0 0;padding:0}ul#presprefs li,ul#berrybasketprefs li,ul#searchprefs li{display:block}div.phrasebrowse{text-align:center;padding:0;margin:.5em 0 .5em 0}div.QuickSearch{float:right}
Note: See TracChangeset for help on using the changeset viewer.